@webitel/ui-sdk 26.6.84 → 26.6.86

package/dist/{wt-chat-emoji-CoyN97-5.js → wt-chat-emoji-T8LDtZS-.js}

@@ -1,4 +1,4 @@
-import "./components-DRYvDFUw.js";
+import "./components-DaDed2hn.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-dC4nOW56.js";

package/dist/{wt-datepicker-D2NUlmuX.js → wt-datepicker-slYQKBRT.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-DGl2otXJ.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 ee, nextTick as S, normalizeProps as C, onMounted as w, onUnmounted as T, openBlock as E, renderSlot as D, resolveComponent as O, toDisplayString as k, toRefs as A, unref as j, useModel as M, useTemplateRef as N, vShow as P, watch as F, withCtx as I, withDirectives as L } from "vue";
-import R from "primevue/datepicker";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as ee, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, guardReactiveProps as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeProps as C, onMounted as w, onUnmounted as T, openBlock as E, renderSlot as D, resolveComponent as O, toDisplayString as k, toRefs as A, unref as j, useModel as M, useTemplateRef as N, vShow as P, withCtx as F, withDirectives as I } from "vue";
+import L from "primevue/datepicker";
 //#region node_modules/date-fns-tz/dist/esm/fromZonedTime/index.js
-function z(e, t, n) {
+function R(e, t, n) {
 	if (typeof e == "string" && !e.match(c)) return s(e, {
 		...n,
 		timeZone: t
@@ -17,7 +17,7 @@ function z(e, t, n) {
 }
 //#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 = "");
@@ -45,7 +45,7 @@ function B() {
 }
 //#endregion
 //#region src/components/wt-datepicker/_internals/composables/usePreventZeroPad.ts
-function V(e) {
+function B(e) {
 	let t = null;
 	function n(e) {
 		let n = e.target, r = n.value, i = n.selectionStart ?? 0, a = r.split("/"), o = 0;
@@ -76,46 +76,37 @@ function V(e) {
 }
 //#endregion
 //#region src/components/wt-datepicker/_internals/composables/useRestoreOnBlur.ts
-function H(e, t, n) {
-	let r = null;
-	function i() {
-		F(e, (e) => {
-			e !== null && (r = e);
-		}, { immediate: !0 });
-	}
-	function a() {
-		if (n()) return;
-		let e = t();
-		e && e.rawValue === null && r !== null && S(() => {
-			e.updateModel(new Date(r.getTime()));
+function V(e, t) {
+	function n() {
+		if (t()) return;
+		let n = e();
+		n && n.rawValue === null && S(() => {
+			n.updateModel(/* @__PURE__ */ new Date());
 		});
 	}
-	return {
-		onBlur: a,
-		watchRestoreOnBlurLastValidValue: i
-	};
+	return { onBlur: n };
 }
 //#endregion
 //#region src/components/wt-datepicker/wt-datepicker.vue?vue&type=script&setup=true&lang.ts
-var U = { class: "wt-datepicker" }, W = { class: "wt-datepicker__button-bar" }, G = [
+var H = { class: "wt-datepicker" }, U = { class: "wt-datepicker__button-bar" }, W = [
 	"onMousedown",
 	"onMouseup",
 	"onMouseleave"
-], K = [
+], G = [
 	"onMousedown",
 	"onMouseup",
 	"onMouseleave"
-], q = [
+], K = [
 	"onMousedown",
 	"onMouseup",
 	"onMouseleave"
-], J = [
+], q = [
 	"onMousedown",
 	"onMouseup",
 	"onMouseleave"
-], Y = /*#__PURE__*/ e(/* @__PURE__ */ y({
+], J = /*#__PURE__*/ e(/* @__PURE__ */ v({
 	__name: "wt-datepicker",
-	props: /*@__PURE__*/ x({
+	props: /*@__PURE__*/ b({
 		showTime: { type: Boolean },
 		minDate: {},
 		maxDate: {},
@@ -195,7 +186,7 @@ var U = { class: "wt-datepicker" }, W = { class: "wt-datepicker__button-bar" },
 		modelValue: { default: null },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ x([
+	emits: /*@__PURE__*/ b([
 		"update:modelValue",
 		"value-change",
 		"input",
@@ -211,7 +202,7 @@ var U = { class: "wt-datepicker" }, W = { class: "wt-datepicker__button-bar" },
 		"keydown"
 	], ["update:modelValue"]),
 	setup(e, { emit: a }) {
-		let o = e, s = M(e, "modelValue"), { t: c } = u(), y = f({
+		let o = e, s = M(e, "modelValue"), { t: c } = u(), v = f({
 			get() {
 				if (!s.value) return null;
 				let e = /* @__PURE__ */ new Date(+s.value);
@@ -223,47 +214,45 @@ var U = { class: "wt-datepicker" }, W = { class: "wt-datepicker__button-bar" },
 					s.value = null;
 					return;
 				}
-				let t = o.timezone ? z(e, o.timezone) : e;
+				let t = o.timezone ? R(e, o.timezone) : e;
 				s.value = t.getTime();
 			}
-		}), x = N("datepicker"), w = `datepicker-${Math.random().toString(36).slice(2, 11)}`;
-		V(() => x.value?.$el?.querySelector("input"));
-		let { onBlur: T, watchRestoreOnBlurLastValidValue: F } = H(y, () => x.value, () => !!o.clearable);
-		F();
-		let Y = f(() => o.placholder || `dd/mm/yyyy ${o.showTime ? "hh:mm" : ""}`), { lock: X, unlock: Z } = B(), Q = () => {
-			if (o.showTime && y.value) {
-				let e = y.value;
+		}), b = N("datepicker"), w = `datepicker-${Math.random().toString(36).slice(2, 11)}`;
+		B(() => b.value?.$el?.querySelector("input"));
+		let { onBlur: T } = V(() => b.value, () => !!o.clearable), J = f(() => o.placholder || `dd/mm/yyyy ${o.showTime ? "hh:mm" : ""}`), { lock: Y, unlock: X } = z(), Z = () => {
+			if (o.showTime && v.value) {
+				let e = v.value;
 				S(() => {
-					y.value = new Date(e.getTime());
+					v.value = new Date(e.getTime());
 				});
 			}
 			setTimeout(() => {
-				x.value?.alignOverlay();
-				let e = x.value?.overlay;
-				e && (e.style.minWidth = "", X(e));
+				b.value?.alignOverlay();
+				let e = b.value?.overlay;
+				e && (e.style.minWidth = "", Y(e));
 			}, 0);
-		}, te = () => {
-			Z();
-		}, ne = f(() => o.required ? `${o.label}*` : o.label), { v: re, customValidators: ie } = A(o), { isValidation: ae, invalid: oe, validationText: $, validationTextColor: se } = d({
-			v: re,
-			customValidators: ie
+		}, Q = () => {
+			X();
+		}, te = f(() => o.required ? `${o.label}*` : o.label), { v: ne, customValidators: re } = A(o), { isValidation: ie, invalid: ae, validationText: $, validationTextColor: oe } = d({
+			v: ne,
+			customValidators: re
 		});
 		return (a, o) => {
 			let s = O("wt-label"), l = O("wt-button"), u = O("wt-icon-btn"), d = O("wt-message");
-			return E(), h("div", U, [
-				v(s, ee(e.labelProps, { disabled: e.disabled }, {
+			return E(), ee("div", H, [
+				_(s, x(e.labelProps, { disabled: e.disabled }, {
 					for: w,
-					invalid: j(oe)
+					invalid: j(ae)
 				}), {
-					default: I(() => [D(a.$slots, "label", C(b({ label: e.label })), () => [_(k(ne.value), 1)], !0)], void 0, !0),
+					default: F(() => [D(a.$slots, "label", C(y({ label: e.label })), () => [g(k(te.value), 1)], !0)], void 0, !0),
 					_: 3
 				}, 16, ["disabled", "invalid"]),
-				v(j(R), {
+				_(j(L), {
 					ref_key: "datepicker",
-					ref: x,
+					ref: b,
 					id: w,
-					modelValue: y.value,
-					"onUpdate:modelValue": o[0] ||= (e) => y.value = e,
+					modelValue: v.value,
+					"onUpdate:modelValue": o[0] ||= (e) => v.value = e,
 					"date-format": "dd/mm/yy",
 					"input-class": "typo-body-1",
 					required: e.required,
@@ -271,8 +260,8 @@ var U = { class: "wt-datepicker" }, W = { class: "wt-datepicker__button-bar" },
 					"show-time": e.showTime,
 					"min-date": e.minDate,
 					"max-date": e.maxDate,
-					placeholder: Y.value,
-					"show-clear": e.clearable && y.value,
+					placeholder: J.value,
+					"show-clear": e.clearable && v.value,
 					"show-button-bar": "",
 					fluid: "",
 					pt: {
@@ -284,70 +273,70 @@ var U = { class: "wt-datepicker" }, W = { class: "wt-datepicker__button-bar" },
 						minute: { class: "typo-body-2" },
 						panel: { style: { maxWidth: "380px" } }
 					},
-					onShow: Q,
-					onHide: te,
+					onShow: Z,
+					onHide: Q,
 					onBlur: j(T)
 				}, {
-					buttonbar: I(({ todayCallback: i, clearCallback: a }) => [g("div", W, [v(l, {
+					buttonbar: F(({ todayCallback: i, clearCallback: a }) => [h("div", U, [_(l, {
 						color: j(n).SECONDARY,
 						variant: j(t).OUTLINED,
 						size: j(r).SM,
 						onClick: i
 					}, {
-						default: I(() => [_(k(j(c)("reusable.today")), 1)], void 0, !0),
+						default: F(() => [g(k(j(c)("reusable.today")), 1)], void 0, !0),
 						_: 1
 					}, 8, [
 						"color",
 						"variant",
 						"size",
 						"onClick"
-					]), L(v(l, {
+					]), I(_(l, {
 						color: j(n).SECONDARY,
 						variant: j(t).OUTLINED,
 						size: j(r).SM,
 						onClick: a
 					}, {
-						default: I(() => [_(k(j(c)("reusable.clear")), 1)], void 0, !0),
+						default: F(() => [g(k(j(c)("reusable.clear")), 1)], void 0, !0),
 						_: 1
 					}, 8, [
 						"color",
 						"variant",
 						"size",
 						"onClick"
-					]), [[P, e.clearable && y.value]])])]),
-					prevbutton: I(({ actionCallback: e }) => [v(u, {
+					]), [[P, e.clearable && v.value]])])]),
+					prevbutton: F(({ actionCallback: e }) => [_(u, {
 						icon: "arrow-left",
 						onClick: e
 					}, null, 8, ["onClick"])]),
-					nextbutton: I(({ actionCallback: e }) => [v(u, {
+					nextbutton: F(({ actionCallback: e }) => [_(u, {
 						icon: "arrow-right",
 						onClick: e
 					}, null, 8, ["onClick"])]),
-					clearicon: I(({ clearCallback: e }) => [v(u, {
+					clearicon: F(({ clearCallback: e }) => [_(u, {
 						icon: "close",
 						class: "wt-datepicker__clear-icon",
 						onClick: e
 					}, null, 8, ["onClick"])]),
-					hourincrementbutton: I(({ callbacks: e }) => [g("span", {
+					hourincrementbutton: F(({ callbacks: e }) => [h("span", {
 						onMousedown: e.mousedown,
 						onMouseup: e.mouseup,
 						onMouseleave: e.mouseleave
-					}, [v(u, { icon: "arrow-up" })], 40, G)]),
-					hourdecrementbutton: I(({ callbacks: e }) => [g("span", {
+					}, [_(u, { icon: "arrow-up" })], 40, W)]),
+					hourdecrementbutton: F(({ callbacks: e }) => [h("span", {
 						onMousedown: e.mousedown,
 						onMouseup: e.mouseup,
 						onMouseleave: e.mouseleave
-					}, [v(u, { icon: "arrow-down" })], 40, K)]),
-					minuteincrementbutton: I(({ callbacks: e }) => [g("span", {
+					}, [_(u, { icon: "arrow-down" })], 40, G)]),
+					minuteincrementbutton: F(({ callbacks: e }) => [h("span", {
 						onMousedown: e.mousedown,
 						onMouseup: e.mouseup,
 						onMouseleave: e.mouseleave
-					}, [v(u, { icon: "arrow-up" })], 40, q)]),
-					minutedecrementbutton: I(({ callbacks: e }) => [g("span", {
+					}, [_(u, { icon: "arrow-up" })], 40, K)]),
+					minutedecrementbutton: F(({ callbacks: e }) => [h("span", {
 						onMousedown: e.mousedown,
 						onMouseup: e.mouseup,
 						onMouseleave: e.mouseleave
-					}, [v(u, { icon: "arrow-down" })], 40, J)]),
+					}, [_(u, { icon: "arrow-down" })], 40, q)]),
 					_: 1
 				}, 8, [
 					"modelValue",
@@ -360,13 +349,13 @@ var U = { class: "wt-datepicker" }, W = { class: "wt-datepicker__button-bar" },
 					"show-clear",
 					"onBlur"
 				]),
-				j(ae) && j($) ? (E(), p(d, {
+				j(ie) && j($) ? (E(), p(d, {
 					key: 0,
-					color: j(se),
+					color: j(oe),
 					variant: j(i).SIMPLE,
 					size: j(r).SM
 				}, {
-					default: I(() => [_(k(j($)), 1)], void 0, !0),
+					default: F(() => [g(k(j($)), 1)], void 0, !0),
 					_: 1
 				}, 8, [
 					"color",
@@ -376,6 +365,6 @@ var U = { class: "wt-datepicker" }, W = { class: "wt-datepicker__button-bar" },
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-3f1c1cb8"]]);
+}), [["__scopeId", "data-v-d1bf89b4"]]);
 //#endregion
-export { Y as default };
+export { J as default };

package/dist/{wt-display-chip-items-BLskmlas.js → wt-display-chip-items-C0p7MwL6.js}

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

@@ -1,5 +1,5 @@
 import { n as e, r as t } from "./clients-IxWZVjVW.js";
-import { n } from "./components-DRYvDFUw.js";
+import { n } from "./components-DaDed2hn.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-ChqHhqXh.js → wt-type-extension-value-input-DSF-DMlv.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./clients-IxWZVjVW.js";
-import { a as t, o as n, r, s as i } from "./components-DRYvDFUw.js";
+import { a as t, o as n, r, s as i } from "./components-DaDed2hn.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-V88ZHB7B.js → wt-vidstack-player-Wgg83Pt1.js}

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

package/package.json

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

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

@@ -9,6 +9,6 @@
   min-width: 0;
   border-radius: var(--wt-card-border-radius);
   padding: var(--wt-card-padding);
-  box-shadow: var(--elevation-5);
+  box-shadow: var(--elevation-3);
 }
 </style>

package/src/components/wt-datepicker/_internals/composables/useRestoreOnBlur.ts

@@ -5,7 +5,7 @@ import { nextTick, type WritableComputedRef, watch } from 'vue';
  *
  * https://webitel.atlassian.net/browse/WTEL-9880
  *
- * When the datepicker is not clearable, restores the last valid value on blur
+ * When the datepicker is not clearable, set current date value on blur
  * if the user left the field empty or typed an invalid date.
  *
  * Since the parent model never becomes null (null writes are blocked in the
@@ -14,40 +14,24 @@ import { nextTick, type WritableComputedRef, watch } from 'vue';
  * redraws the input.
  */
 export function useRestoreOnBlur(
-	modelValue: WritableComputedRef<Date | null>,
 	getDatepicker: () => {
 		rawValue: Date | null;
 		updateModel: (v: Date) => void;
 	} | null,
 	isClearable: () => boolean,
 ) {
-	let lastValid: Date | null = null;
-
-	function watchRestoreOnBlurLastValidValue() {
-		watch(
-			modelValue,
-			(value) => {
-				if (value !== null) lastValid = value;
-			},
-			{
-				immediate: true,
-			},
-		);
-	}
-
 	function onBlur() {
 		if (isClearable()) return;
 		const datePickerEl = getDatepicker();
 		if (!datePickerEl) return;
-		if (datePickerEl.rawValue === null && lastValid !== null) {
+		if (datePickerEl.rawValue === null) {
 			nextTick(() => {
-				datePickerEl.updateModel(new Date(lastValid.getTime()));
+				datePickerEl.updateModel(new Date());
 			});
 		}
 	}
 
 	return {
 		onBlur,
-		watchRestoreOnBlurLastValidValue,
 	};
 }

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

@@ -210,14 +210,11 @@ const datepickerId = `datepicker-${Math.random().toString(36).slice(2, 11)}`;
 
 usePreventZeroPad(() => datepicker.value?.$el?.querySelector('input'));
 
-const { onBlur, watchRestoreOnBlurLastValidValue } = useRestoreOnBlur(
-	modelValue,
+const { onBlur } = useRestoreOnBlur(
 	() => datepicker.value,
 	() => !!props.clearable,
 );
 
-watchRestoreOnBlurLastValidValue();
-
 const getPlaceholder = computed(() => {
 	return props.placholder || `dd/mm/yyyy ${props.showTime ? 'hh:mm' : ''}`;
 });

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

@@ -24,7 +24,7 @@
         :placeholder="placeholder || label"
         :toggle-mask="false"
         :feedback="false"
-        :input-props="{ type: inputType }"
+        :input-props="{ type: inputType, autocomplete }"
         input-class="wt-password__input typo-body-1"
         v-bind="$attrs"
         @keyup="handleKeyup"
@@ -74,6 +74,7 @@ interface WtPasswordProps extends /* @vue-ignore */ PasswordProps {
 	v?: Record<string, unknown>;
 	regleValidation?: RegleFieldStatus<string>;
 	customValidators?: unknown[];
+	autocomplete?: string;
 }
 
 const props = withDefaults(defineProps<WtPasswordProps>(), {

package/src/enums/MimeTypes/MimeTypes.enum.ts

@@ -16,6 +16,8 @@ export const MimeTypes = {
 	APPLICATION_MSWORD: 'application/msword',
 	APPLICATION_DOCX:
 		'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+	APPLICATION_XLSX:
+		'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
 } as const;
 
 export type MimeTypes = (typeof MimeTypes)[keyof typeof MimeTypes];

package/types/components/wt-datepicker/_internals/composables/useRestoreOnBlur.d.ts

@@ -1,10 +1,9 @@
-import { type WritableComputedRef } from 'vue';
 /**
  * @author @HlukhovYe
  *
  * https://webitel.atlassian.net/browse/WTEL-9880
  *
- * When the datepicker is not clearable, restores the last valid value on blur
+ * When the datepicker is not clearable, set current date value on blur
  * if the user left the field empty or typed an invalid date.
  *
  * Since the parent model never becomes null (null writes are blocked in the
@@ -12,10 +11,9 @@ import { type WritableComputedRef } from 'vue';
  * call PrimeVue's internal updateModel() directly so it resyncs rawValue and
  * redraws the input.
  */
-export declare function useRestoreOnBlur(modelValue: WritableComputedRef<Date | null>, getDatepicker: () => {
+export declare function useRestoreOnBlur(getDatepicker: () => {
     rawValue: Date | null;
     updateModel: (v: Date) => void;
 } | null, isClearable: () => boolean): {
     onBlur: () => void;
-    watchRestoreOnBlurLastValidValue: () => void;
 };

package/types/components/wt-password/wt-password.vue.d.ts

@@ -10,6 +10,7 @@ interface WtPasswordProps extends /* @vue-ignore */ PasswordProps {
     v?: Record<string, unknown>;
     regleValidation?: RegleFieldStatus<string>;
     customValidators?: unknown[];
+    autocomplete?: string;
 }
 type __VLS_Props = WtPasswordProps;
 type __VLS_ModelProps = {

package/types/enums/MimeTypes/MimeTypes.enum.d.ts

@@ -12,5 +12,6 @@ export declare const MimeTypes: {
     readonly APPLICATION_PDF: "application/pdf";
     readonly APPLICATION_MSWORD: "application/msword";
     readonly APPLICATION_DOCX: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+    readonly APPLICATION_XLSX: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
 };
 export type MimeTypes = (typeof MimeTypes)[keyof typeof MimeTypes];