@webitel/ui-sdk 26.8.32 → 26.8.34

package/dist/{useValidation-C_F39G5j.js → useValidation-D6P-wRwq.js}

@@ -2,10 +2,15 @@ import { i as e } from "./enums-De8CDKZ1.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
 import { computed as n, isReactive as r, isRef as i, unref as a } from "vue";
 //#region src/mixins/validationMixin/regle/useRegleValidation.ts
-var o = ({ field: e }) => ({
+var o = (e) => {
+	if (Array.isArray(e)) return e.at(0);
+	if (e && typeof e == "object") {
+		for (let t of Object.values(e)) if (Array.isArray(t) && t.length) return t.at(0);
+	}
+}, s = ({ field: e }) => ({
 	invalid: n(() => e?.value?.$error ?? null),
-	validationText: n(() => e?.value?.$errors?.at(0))
-}), s = ({ field: e, customValidators: o }) => {
+	validationText: n(() => o(e?.value?.$errors))
+}), c = ({ field: e, customValidators: o }) => {
 	let { t: s } = t(), c = e, l = o;
 	r(e) && (c = n(() => a(e)), l = n(() => a(o)));
 	let u = n(() => !!c && !!c.value && !!Object.keys(c.value).length), d = n(() => u.value && !!c?.value?.$error);
@@ -23,11 +28,11 @@ var o = ({ field: e }) => ({
 			return e;
 		})
 	};
-}, c = ({ v: t, customValidators: r, regleValidation: i }) => {
-	let { isValidation: a, invalid: c, validationText: l } = s({
+}, l = ({ v: t, customValidators: r, regleValidation: i }) => {
+	let { isValidation: a, invalid: o, validationText: l } = c({
 		field: t,
 		customValidators: r
-	}), { invalid: u, validationText: d } = o({ field: i }), f = n(() => !!i?.value), p = n(() => f.value || a.value), m = n(() => f.value ? u.value : c.value);
+	}), { invalid: u, validationText: d } = s({ field: i }), f = n(() => !!i?.value), p = n(() => f.value || a.value), m = n(() => f.value ? u.value : o.value);
 	return {
 		isValidation: p,
 		invalid: m,
@@ -36,4 +41,4 @@ var o = ({ field: e }) => ({
 	};
 };
 //#endregion
-export { c as t };
+export { l as t };

package/dist/{wt-chat-emoji-BDckjRW9.js → wt-chat-emoji-B-Sol73Z.js}

@@ -1,4 +1,4 @@
-import "./components-BDKAbff7.js";
+import "./components-MVLdxZ5u.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./wt-button-B7B7qITq.js";

package/dist/{wt-datepicker-BwjMwR9-.js → wt-datepicker-C5LuZK-R.js}

@@ -2,7 +2,7 @@ import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { d as t, f as n, l as r, r as i } from "./enums-De8CDKZ1.js";
 import { a, i as o, n as s, r as c, t as l } from "./toZonedTime-B8L5kbse.js";
 import { t as u } from "./vue-i18n-Db_oYfO8.js";
-import { t as d } from "./useValidation-C_F39G5j.js";
+import { t as d } from "./useValidation-D6P-wRwq.js";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, guardReactiveProps as b, mergeModels as x, mergeProps as S, nextTick as C, normalizeProps as w, onMounted as T, onUnmounted as E, openBlock as D, renderSlot as O, resolveComponent as k, toDisplayString as A, toRefs as j, unref as M, useModel as N, useTemplateRef as ee, vShow as te, withCtx as P, withDirectives as F } from "vue";
 import I from "primevue/datepicker";
 //#region node_modules/date-fns-tz/dist/esm/fromZonedTime/index.js

package/dist/{wt-display-chip-items-BxQrYGag.js → wt-display-chip-items-DgLG0ozO.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-BDKAbff7.js";
+import { C as e, i as t } from "./components-MVLdxZ5u.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-search-bar-DaBSWvlP.js → wt-search-bar-Dnjkgro3.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./debounce-Bp3jy7S5.js";
-import { t as n } from "./useValidation-C_F39G5j.js";
+import { t as n } from "./useValidation-D6P-wRwq.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, toRefs as _, unref as v, withCtx as y, withDirectives as b } from "vue";
 //#region src/components/wt-search-bar/wt-search-bar.vue?vue&type=script&setup=true&lang.ts
 var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PURE__ */ u({
@@ -35,7 +35,8 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
 		"search",
 		"enter",
 		"update:search-mode",
-		"change:search-mode"
+		"change:search-mode",
+		"focus"
 	],
 	setup(e, { emit: u }) {
 		let S = e, C = u, { v: w, customValidators: T } = _(S), { invalid: E } = n({
@@ -54,8 +55,8 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
 			C("update:search-mode", e), C("change:search-mode", e);
 		}
 		return (t, n) => {
-			let r = m("wt-icon"), u = m("wt-icon-btn"), _ = m("wt-hint"), S = m("wt-radio"), C = m("wt-context-menu"), k = m("wt-input-text"), N = h("tooltip");
-			return f(), i(k, {
+			let r = m("wt-icon"), u = m("wt-icon-btn"), _ = m("wt-hint"), S = m("wt-radio"), k = m("wt-context-menu"), N = m("wt-input-text"), P = h("tooltip");
+			return f(), i(N, {
 				"model-value": e.value,
 				placeholder: e.placeholder || t.$t("webitelUI.searchBar.placeholder"),
 				invalid: v(E),
@@ -64,7 +65,8 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
 				v: v(w),
 				"custom-validators": v(T),
 				"onUpdate:modelValue": A,
-				onKeyup: j
+				onKeyup: j,
+				onFocus: n[1] ||= (e) => C("focus", e)
 			}, s({
 				prefix: y(() => [l(r, {
 					color: D.value,
@@ -88,7 +90,7 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
 						default: y(() => [c(g(e.hint), 1)], void 0, !0),
 						_: 1
 					}, 8, ["icon-color"])) : a("", !0),
-					e.searchMode ? (f(), i(C, {
+					e.searchMode ? (f(), i(k, {
 						key: 2,
 						options: e.searchModeOptions,
 						onClick: M
@@ -97,7 +99,7 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
 							color: v(E) ? "error" : "default",
 							icon: "filter",
 							onClick: e
-						}, null, 8, ["color", "onClick"]), [[N, t.$t("webitelUI.searchBar.settingsHint")]])]),
+						}, null, 8, ["color", "onClick"]), [[P, t.$t("webitelUI.searchBar.settingsHint")]])]),
 						option: y(({ value: t, text: n }) => [l(S, {
 							label: n,
 							selected: (typeof e.searchMode == "string" ? e.searchMode : e.searchMode.value) === t,
@@ -118,6 +120,6 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-4aeb3357"]]);
+}), [["__scopeId", "data-v-33881702"]]);
 //#endregion
 export { S as default };

package/dist/{wt-send-message-popup-BQmQ764a.js → wt-send-message-popup-DzDfWlvV.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
-import { n as t, r as n } from "./clients-DYgSupBB.js";
-import { T as r, n as i, w as a } from "./components-BDKAbff7.js";
+import { n as t, r as n } from "./clients-BwMBivjN.js";
+import { T as r, n as i, w as a } from "./components-MVLdxZ5u.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { n as s } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";

package/dist/{wt-timepicker-CS5S9HHJ.js → wt-timepicker-CAkO0jFY.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t, r as n } from "./enums-De8CDKZ1.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.js";
-import { t as i } from "./useValidation-C_F39G5j.js";
+import { t as i } from "./useValidation-D6P-wRwq.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveComponent as y, toDisplayString as b, toRefs as x, unref as S, withCtx as C } from "vue";
 //#region src/components/wt-timepicker/wt-timepicker.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/ e(/* @__PURE__ */ d({

package/dist/{wt-type-extension-value-input-BPhqY-_e.js → wt-type-extension-value-input-BFm1OPEE.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-DYgSupBB.js";
-import { a as t, o as n, r, s as i } from "./components-BDKAbff7.js";
+import { t as e } from "./clients-BwMBivjN.js";
+import { a as t, o as n, r, s as i } from "./components-MVLdxZ5u.js";
 import { t as a } from "./enums-De8CDKZ1.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.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-Byw50ZoQ.js → wt-vidstack-player-jTPSvIQM.js}

@@ -1,4 +1,4 @@
-import { E as e } from "./components-BDKAbff7.js";
+import { E as e } from "./components-MVLdxZ5u.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-De8CDKZ1.js";
 import "./wt-button-B7B7qITq.js";

package/package.json

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

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

@@ -36,6 +36,7 @@
         v-bind="$attrs"
         @update:model-value="inputHandler"
         @keyup="handleKeyup"
+        @focus="emit('focus', $event)"
       />
       <p-input-group-addon
         v-if="hideInputValue || $slots.suffix"
@@ -120,9 +121,14 @@ const inputText = useTemplateRef('inputText');
 
 const inputId = `input-text-${Math.random().toString(36).slice(2, 11)}`;
 
-const emit = defineEmits([
-	'update:modelValue',
-]);
+const emit = defineEmits<{
+	/**
+	 * @param event - native focus event from the underlying input
+	 */
+	focus: [
+		FocusEvent,
+	];
+}>();
 
 const slots = useSlots();
 
@@ -148,7 +154,7 @@ const requiredLabel = computed(() => {
 
 const inputHandler = (value: string) => {
 	const handledValue = props.preventTrim ? value : value.trim();
-	emit('update:modelValue', handledValue);
+	model.value = handledValue;
 };
 
 const isValueHidden = ref(props.hideInputValue);

package/src/components/wt-search-bar/wt-search-bar.vue

@@ -9,6 +9,7 @@
 		:custom-validators="customValidators"
     @update:model-value="handleInput"
     @keyup="handleKeyup"
+    @focus="emit('focus', $event)"
   >
     <template #prefix>
       <wt-icon
@@ -158,6 +159,12 @@ const emit = defineEmits<{
 	'change:search-mode': [
 		string | object,
 	];
+	/**
+	 * @param event - native focus event from the underlying input
+	 */
+	focus: [
+		FocusEvent,
+	];
 }>();
 
 const { v, customValidators } = toRefs(props);

package/src/composables/useCard/useCardTabs.js

@@ -13,12 +13,11 @@ export const useCardTabs = (tabs) => {
 	});
 
 	function changeTab(tab) {
-		const { params, hash } = route;
+		if (!tab?.pathName) return;
 
 		return router.push({
+			...route,
 			name: tab.pathName,
-			params,
-			hash,
 		});
 	}
 

package/src/mixins/validationMixin/regle/useRegleValidation.ts

@@ -10,6 +10,22 @@ export type UseFieldValidationReturn = {
 	validationText?: ComputedRef<string | undefined>;
 };
 
+const getFirstRegleError = (errors: unknown): string | undefined => {
+	if (Array.isArray(errors)) {
+		return errors.at(0);
+	}
+
+	if (errors && typeof errors === 'object') {
+		for (const value of Object.values(errors)) {
+			if (Array.isArray(value) && value.length) {
+				return value.at(0);
+			}
+		}
+	}
+
+	return undefined;
+};
+
 export const useFieldValidation = ({
 	field: fieldRef,
 }: UseFieldValidationParams): UseFieldValidationReturn => {
@@ -18,7 +34,7 @@ export const useFieldValidation = ({
 	});
 
 	const validationText = computed(() => {
-		return fieldRef?.value?.$errors?.at(0);
+		return getFirstRegleError(fieldRef?.value?.$errors);
 	});
 
 	return {