@webitel/ui-sdk 26.8.16 → 26.8.18

package/dist/{wt-chat-emoji-D3UxQcHT.js → wt-chat-emoji-BhOuFDXy.js}

@@ -1,4 +1,4 @@
-import "./components-C7jH_1i9.js";
+import "./components-BdV7NKIV.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-DwAda_g4.js";

package/dist/{wt-datepicker-BMyxdXw4.js → wt-datepicker-DTUMTWJK.js}

@@ -3,10 +3,10 @@ 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-DgSm80YX.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 P, withCtx as F, withDirectives as I } from "vue";
-import L from "primevue/datepicker";
+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
-function R(e, t, n) {
+function L(e, t, n) {
 	if (typeof e == "string" && !e.match(c)) return s(e, {
 		...n,
 		timeZone: t
@@ -17,7 +17,7 @@ function R(e, t, n) {
 }
 //#endregion
 //#region src/components/wt-datepicker/_internals/composables/useAutoSeparator.ts
-function z(e) {
+function R(e) {
 	let t = [{
 		afterPos: 2,
 		sep: "/"
@@ -56,7 +56,7 @@ function z(e) {
 }
 //#endregion
 //#region src/components/wt-datepicker/_internals/composables/useOverlayAnchor.ts
-function B() {
+function z() {
 	let e = null;
 	function t(e, t) {
 		e.style.width !== t && (e.style.width = t, e.style.minWidth = "");
@@ -84,7 +84,7 @@ function B() {
 }
 //#endregion
 //#region src/components/wt-datepicker/_internals/composables/usePreventZeroPad.ts
-function V() {
+function B() {
 	let e = null;
 	function t(t) {
 		let n = t.target, r = n.value, i = n.selectionStart ?? 0, a = r.split("/"), o = 0;
@@ -112,7 +112,7 @@ function V() {
 }
 //#endregion
 //#region src/components/wt-datepicker/_internals/composables/useRestoreOnBlur.ts
-function H(e, t) {
+function V(e, t) {
 	function n() {
 		if (t()) return;
 		let n = e();
@@ -124,7 +124,7 @@ function H(e, t) {
 }
 //#endregion
 //#region src/components/wt-datepicker/_internals/composables/useStrictInput.ts
-function U(e) {
+function H(e) {
 	let t = /^[0-9]$/, n = /* @__PURE__ */ new Set([
 		"Backspace",
 		"Delete",
@@ -151,8 +151,8 @@ function U(e) {
 }
 //#endregion
 //#region src/components/wt-datepicker/_internals/composables/useDatepicker.ts
-function W(e, t, n, r) {
-	let { onInputCapture: i, onInputBubble: a } = V(), { onInputBubble: o, resetLength: s } = z(n), { onKeydown: c } = U(n), { lock: l, unlock: u } = B(), { onBlur: d } = H(t, r);
+function U(e, t, n, r) {
+	let { onInputCapture: i, onInputBubble: a } = B(), { onInputBubble: o, resetLength: s } = R(n), { onKeydown: c } = H(n), { lock: l, unlock: u } = z(), { onBlur: d } = V(t, r);
 	function f(e) {
 		i(e);
 	}
@@ -173,23 +173,23 @@ function W(e, t, n, r) {
 }
 //#endregion
 //#region src/components/wt-datepicker/wt-datepicker.vue?vue&type=script&setup=true&lang.ts
-var G = { class: "wt-datepicker" }, K = { class: "wt-datepicker__button-bar" }, q = [
+var W = { class: "wt-datepicker" }, G = { class: "wt-datepicker__button-bar" }, K = [
 	"onMousedown",
 	"onMouseup",
 	"onMouseleave"
-], J = [
+], q = [
 	"onMousedown",
 	"onMouseup",
 	"onMouseleave"
-], Y = [
+], J = [
 	"onMousedown",
 	"onMouseup",
 	"onMouseleave"
-], X = [
+], Y = [
 	"onMousedown",
 	"onMouseup",
 	"onMouseleave"
-], Z = /*#__PURE__*/ e(/* @__PURE__ */ y({
+], X = /*#__PURE__*/ e(/* @__PURE__ */ y({
 	__name: "wt-datepicker",
 	props: /*@__PURE__*/ x({
 		showTime: { type: Boolean },
@@ -299,10 +299,10 @@ var G = { class: "wt-datepicker" }, K = { class: "wt-datepicker__button-bar" },
 					s.value = null;
 					return;
 				}
-				let t = o.timezone ? R(e, o.timezone) : e;
+				let t = o.timezone ? L(e, o.timezone) : e;
 				s.value = t.getTime();
 			}
-		}), x = ee("datepicker"), T = `datepicker-${Math.random().toString(36).slice(2, 11)}`, { onBlur: E, lockOverlay: z, unlockOverlay: B } = W(() => x.value?.$el?.querySelector("input"), () => x.value, () => !!o.showTime, () => !!o.clearable), V = f(() => o.placholder || `dd/mm/yyyy ${o.showTime ? "hh:mm" : ""}`), H = () => {
+		}), x = ee("datepicker"), T = `datepicker-${Math.random().toString(36).slice(2, 11)}`, { onBlur: E, lockOverlay: R, unlockOverlay: z } = U(() => x.value?.$el?.querySelector("input"), () => x.value, () => !!o.showTime, () => !!o.clearable), B = f(() => o.placholder || `dd/mm/yyyy ${o.showTime ? "hh:mm" : ""}`), V = () => {
 			if (o.showTime && y.value) {
 				let e = y.value;
 				C(() => {
@@ -312,25 +312,25 @@ var G = { class: "wt-datepicker" }, K = { class: "wt-datepicker__button-bar" },
 			setTimeout(() => {
 				x.value?.alignOverlay();
 				let e = x.value?.overlay;
-				e && (e.style.minWidth = "", z(e));
+				e && (e.style.minWidth = "", R(e));
 			}, 0);
-		}, U = () => {
-			B();
-		}, Z = f(() => o.required ? `${o.label}*` : o.label), { v: Q, customValidators: te } = j(o), { isValidation: ne, invalid: re, validationText: $, validationTextColor: ie } = d({
-			v: Q,
-			customValidators: te
+		}, H = () => {
+			z();
+		}, X = f(() => o.required ? `${o.label}*` : o.label), { v: Z, customValidators: ne } = j(o), { isValidation: re, invalid: Q, validationText: $, validationTextColor: ie } = d({
+			v: Z,
+			customValidators: ne
 		});
 		return (a, o) => {
 			let s = k("wt-label"), l = k("wt-button"), u = k("wt-icon-btn"), d = k("wt-message");
-			return D(), h("div", G, [
+			return D(), h("div", W, [
 				v(s, S(e.labelProps, { disabled: e.disabled }, {
 					for: T,
-					invalid: M(re)
+					invalid: M(Q)
 				}), {
-					default: F(() => [O(a.$slots, "label", w(b({ label: e.label })), () => [_(A(Z.value), 1)], !0)], void 0, !0),
+					default: P(() => [O(a.$slots, "label", w(b({ label: e.label })), () => [_(A(X.value), 1)], !0)], void 0, !0),
 					_: 3
 				}, 16, ["disabled", "invalid"]),
-				v(M(L), {
+				v(M(I), {
 					ref_key: "datepicker",
 					ref: x,
 					id: T,
@@ -340,10 +340,11 @@ var G = { class: "wt-datepicker" }, K = { class: "wt-datepicker__button-bar" },
 					"input-class": "typo-body-1",
 					required: e.required,
 					disabled: e.disabled,
+					invalid: M(Q),
 					"show-time": e.showTime,
 					"min-date": e.minDate,
 					"max-date": e.maxDate,
-					placeholder: V.value,
+					placeholder: B.value,
 					"show-clear": e.clearable && y.value,
 					"show-button-bar": "",
 					fluid: "",
@@ -356,75 +357,76 @@ var G = { class: "wt-datepicker" }, K = { class: "wt-datepicker__button-bar" },
 						minute: { class: "typo-body-2" },
 						panel: { style: { maxWidth: "380px" } }
 					},
-					onShow: H,
-					onHide: U,
+					onShow: V,
+					onHide: H,
 					onBlur: M(E)
 				}, {
-					buttonbar: F(({ todayCallback: i, clearCallback: a }) => [g("div", K, [v(l, {
+					buttonbar: P(({ todayCallback: i, clearCallback: a }) => [g("div", G, [v(l, {
 						color: M(n).SECONDARY,
 						variant: M(t).OUTLINED,
 						size: M(r).SM,
 						onClick: i
 					}, {
-						default: F(() => [_(A(M(c)("reusable.today")), 1)], void 0, !0),
+						default: P(() => [_(A(M(c)("reusable.today")), 1)], void 0, !0),
 						_: 1
 					}, 8, [
 						"color",
 						"variant",
 						"size",
 						"onClick"
-					]), I(v(l, {
+					]), F(v(l, {
 						color: M(n).SECONDARY,
 						variant: M(t).OUTLINED,
 						size: M(r).SM,
 						onClick: a
 					}, {
-						default: F(() => [_(A(M(c)("reusable.clear")), 1)], void 0, !0),
+						default: P(() => [_(A(M(c)("reusable.clear")), 1)], void 0, !0),
 						_: 1
 					}, 8, [
 						"color",
 						"variant",
 						"size",
 						"onClick"
-					]), [[P, e.clearable && y.value]])])]),
-					prevbutton: F(({ actionCallback: e }) => [v(u, {
+					]), [[te, e.clearable && y.value]])])]),
+					prevbutton: P(({ actionCallback: e }) => [v(u, {
 						icon: "arrow-left",
 						onClick: e
 					}, null, 8, ["onClick"])]),
-					nextbutton: F(({ actionCallback: e }) => [v(u, {
+					nextbutton: P(({ actionCallback: e }) => [v(u, {
 						icon: "arrow-right",
 						onClick: e
 					}, null, 8, ["onClick"])]),
-					clearicon: F(({ clearCallback: e }) => [v(u, {
+					clearicon: P(({ clearCallback: e }) => [v(u, {
 						icon: "close",
 						class: "wt-datepicker__clear-icon",
 						onClick: e
 					}, null, 8, ["onClick"])]),
-					hourincrementbutton: F(({ callbacks: e }) => [g("span", {
+					hourincrementbutton: P(({ callbacks: e }) => [g("span", {
 						onMousedown: e.mousedown,
 						onMouseup: e.mouseup,
 						onMouseleave: e.mouseleave
-					}, [v(u, { icon: "arrow-up" })], 40, q)]),
-					hourdecrementbutton: F(({ callbacks: e }) => [g("span", {
+					}, [v(u, { icon: "arrow-up" })], 40, K)]),
+					hourdecrementbutton: P(({ callbacks: e }) => [g("span", {
 						onMousedown: e.mousedown,
 						onMouseup: e.mouseup,
 						onMouseleave: e.mouseleave
-					}, [v(u, { icon: "arrow-down" })], 40, J)]),
-					minuteincrementbutton: F(({ callbacks: e }) => [g("span", {
+					}, [v(u, { icon: "arrow-down" })], 40, q)]),
+					minuteincrementbutton: P(({ callbacks: e }) => [g("span", {
 						onMousedown: e.mousedown,
 						onMouseup: e.mouseup,
 						onMouseleave: e.mouseleave
-					}, [v(u, { icon: "arrow-up" })], 40, Y)]),
-					minutedecrementbutton: F(({ callbacks: e }) => [g("span", {
+					}, [v(u, { icon: "arrow-up" })], 40, J)]),
+					minutedecrementbutton: P(({ callbacks: e }) => [g("span", {
 						onMousedown: e.mousedown,
 						onMouseup: e.mouseup,
 						onMouseleave: e.mouseleave
-					}, [v(u, { icon: "arrow-down" })], 40, X)]),
+					}, [v(u, { icon: "arrow-down" })], 40, Y)]),
 					_: 1
 				}, 8, [
 					"modelValue",
 					"required",
 					"disabled",
+					"invalid",
 					"show-time",
 					"min-date",
 					"max-date",
@@ -432,13 +434,13 @@ var G = { class: "wt-datepicker" }, K = { class: "wt-datepicker__button-bar" },
 					"show-clear",
 					"onBlur"
 				]),
-				M(ne) && M($) ? (D(), p(d, {
+				M(re) && M($) ? (D(), p(d, {
 					key: 0,
 					color: M(ie),
 					variant: M(i).SIMPLE,
 					size: M(r).SM
 				}, {
-					default: F(() => [_(A(M($)), 1)], void 0, !0),
+					default: P(() => [_(A(M($)), 1)], void 0, !0),
 					_: 1
 				}, 8, [
 					"color",
@@ -448,6 +450,6 @@ var G = { class: "wt-datepicker" }, K = { class: "wt-datepicker__button-bar" },
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-bdb1c01b"]]);
+}), [["__scopeId", "data-v-9074dc97"]]);
 //#endregion
-export { Z as default };
+export { X as default };

package/dist/{wt-display-chip-items-Df29r-JZ.js → wt-display-chip-items-CPmxn62Y.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-C7jH_1i9.js";
+import { C as e, i as t } from "./components-BdV7NKIV.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-send-message-popup-BePv9v32.js → wt-send-message-popup-BMa5RC6U.js}

@@ -1,5 +1,5 @@
 import { n as e, r as t } from "./clients-Ba7VhTMH.js";
-import { n } from "./components-C7jH_1i9.js";
+import { n } from "./components-BdV7NKIV.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.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";
 //#endregion

package/dist/{wt-type-extension-value-input-CnEz_ua5.js → wt-type-extension-value-input-DUC_QNa_.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clients-Ba7VhTMH.js";
-import { a as t, o as n, r, s as i } from "./components-C7jH_1i9.js";
+import { a as t, o as n, r, s as i } from "./components-BdV7NKIV.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-B7FViYdW.js → wt-vidstack-player-CsR4A8Ob.js}

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

package/package.json

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

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

@@ -16,6 +16,7 @@
 			input-class="typo-body-1"
 			:required="required"
 			:disabled="disabled"
+			:invalid="invalid"
 			:show-time="showTime"
 			:min-date="minDate"
 			:max-date="maxDate"

package/src/locale/en/en.js

@@ -449,7 +449,7 @@ export default deepmerge(
 			requiredArrayValue: 'Array should not be empty',
 			minValue: ({ named }) => {
 				let text = 'Value cannot be less than';
-				if (named('min')) {
+				if (named('min') != null) {
 					text += ` ${named('min')}`;
 				}
 
@@ -457,7 +457,7 @@ export default deepmerge(
 			},
 			maxValue: ({ named }) => {
 				let text = 'Value cannot be greater than';
-				if (named('max')) {
+				if (named('max') != null) {
 					text += ` ${named('max')}`;
 				}
 				return text;

package/src/locale/es/es.js

@@ -437,14 +437,14 @@ export default {
 		macValidator: 'Debe parecer una MAC',
 		minValue: ({ named }) => {
 			let text = 'El valor no debe ser menor que';
-			if (named('min')) {
+			if (named('min') != null) {
 				text += ` ${named('min')}`;
 			}
 			return text;
 		},
 		maxValue: ({ named }) => {
 			let text = 'El valor no debe ser mayor que';
-			if (named('max')) {
+			if (named('max') != null) {
 				text += ` ${named('max')}`;
 			}
 			return text;

package/src/locale/kz/kz.js

@@ -442,14 +442,14 @@ export default {
 		requiredArrayValue: 'Массив бос болмауы керек',
 		minValue: ({ named }) => {
 			let text = 'Мәні кем болмауы керек';
-			if (named('min')) {
+			if (named('min') != null) {
 				text += ` ${named('min')}`;
 			}
 			return text;
 		},
 		maxValue: ({ named }) => {
 			let text = 'Мәні артық болмауы керек';
-			if (named('max')) {
+			if (named('max') != null) {
 				text += ` ${named('max')}`;
 			}
 			return text;

package/src/locale/pl/pl.js

@@ -440,14 +440,14 @@ export default {
 		macValidator: 'Powinno wyglądać jak MAC',
 		minValue: ({ named }) => {
 			let text = 'Wartość nie powinna być mniejsza niż';
-			if (named('min')) {
+			if (named('min') != null) {
 				text += ` ${named('min')}`;
 			}
 			return text;
 		},
 		maxValue: ({ named }) => {
 			let text = 'Wartość nie powinna być większa niż';
-			if (named('max')) {
+			if (named('max') != null) {
 				text += ` ${named('max')}`;
 			}
 			return text;

package/src/locale/ro/ro.js

@@ -444,14 +444,14 @@ export default {
 		macValidator: 'Trebuie să arate ca un MAC',
 		minValue: ({ named }) => {
 			let text = 'Valoarea nu trebuie să fie mai mică decât';
-			if (named('min')) {
+			if (named('min') != null) {
 				text += ` ${named('min')}`;
 			}
 			return text;
 		},
 		maxValue: ({ named }) => {
 			let text = 'Valoarea nu trebuie să fie mai mare decât';
-			if (named('max')) {
+			if (named('max') != null) {
 				text += ` ${named('max')}`;
 			}
 			return text;

package/src/locale/ru/ru.js

@@ -439,14 +439,14 @@ export default {
 		macValidator: 'Необходимо ввести MAC-адрес',
 		minValue: ({ named }) => {
 			let text = 'Значение должно быть не меньше';
-			if (named('min')) {
+			if (named('min') != null) {
 				text += ` ${named('min')}`;
 			}
 			return text;
 		},
 		maxValue: ({ named }) => {
 			let text = 'Значение должно быть не больше';
-			if (named('max')) {
+			if (named('max') != null) {
 				text += ` ${named('max')}`;
 			}
 			return text;

package/src/locale/uk/uk.js

@@ -438,14 +438,14 @@ export default {
 		macValidator: 'Необхідно ввести MAC-адрес',
 		minValue: ({ named }) => {
 			let text = 'Значення повинно бути не менше';
-			if (named('min')) {
+			if (named('min') != null) {
 				text += ` ${named('min')}`;
 			}
 			return text;
 		},
 		maxValue: ({ named }) => {
 			let text = 'Значення повинно бути не більше';
-			if (named('max')) {
+			if (named('max') != null) {
 				text += ` ${named('max')}`;
 			}
 			return text;

package/src/locale/uz/uz.js

@@ -444,14 +444,14 @@ export default {
 		macValidator: "MAC ko'rinishida bo'lishi kerak",
 		minValue: ({ named }) => {
 			let text = "Qiymat dan kam bo'lmasligi kerak";
-			if (named('min')) {
+			if (named('min') != null) {
 				text += ` ${named('min')}`;
 			}
 			return text;
 		},
 		maxValue: ({ named }) => {
 			let text = "Qiymat dan ko'p bo'lmasligi kerak";
-			if (named('max')) {
+			if (named('max') != null) {
 				text += ` ${named('max')}`;
 			}
 			return text;

package/src/locale/vi/vi.js

@@ -444,14 +444,14 @@ export default {
 		macValidator: 'Phải là MAC',
 		minValue: ({ named }) => {
 			let text = 'Giá trị không được nhỏ hơn';
-			if (named('min')) {
+			if (named('min') != null) {
 				text += ` ${named('min')}`;
 			}
 			return text;
 		},
 		maxValue: ({ named }) => {
 			let text = 'Giá trị không được lớn hơn';
-			if (named('max')) {
+			if (named('max') != null) {
 				text += ` ${named('max')}`;
 			}
 			return text;