@webitel/ui-sdk 26.8.17 → 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.17",
+	"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"