@webitel/ui-sdk 26.6.68 → 26.6.70

package/dist/{wt-chat-emoji-C1Ps8-7X.js → wt-chat-emoji-CIzpVaAo.js}

@@ -1,4 +1,4 @@
-import "./components-rjTUkhKS.js";
+import "./components-BGDAdIES.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-CoY-pIuZ.js";
 import { t as n } from "./wt-button-uY5Q1GAg.js";

package/dist/{wt-datepicker-BGSK1JFI.js → wt-datepicker-OeVFA-Z3.js}

@@ -144,7 +144,7 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 				}
 				s.value = (o.timezone ? L(e, o.timezone) : e).getTime();
 			}
-		}), x = M("datepicker"), W = `datepicker-${Math.random().toString(36).slice(2, 11)}`, G = () => {
+		}), x = M("datepicker"), W = `datepicker-${Math.random().toString(36).slice(2, 11)}`, G = f(() => o.placholder || `dd/mm/yyyy ${o.showTime ? "hh:mm" : ""}`), K = () => {
 			if (o.showTime && y.value) {
 				let e = y.value;
 				C(() => {
@@ -153,19 +153,21 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 			}
 			setTimeout(() => {
 				x.value?.alignOverlay();
+				let e = x.value?.overlay;
+				e && (e.style.minWidth = "");
 			}, 0);
-		}, K = f(() => o.required ? `${o.label}*` : o.label), { v: q, customValidators: J } = k(o), { isValidation: Y, invalid: X, validationText: Z, validationTextColor: Q } = d({
-			v: q,
-			customValidators: J
+		}, q = f(() => o.required ? `${o.label}*` : o.label), { v: J, customValidators: Y } = k(o), { isValidation: X, invalid: Z, validationText: Q, validationTextColor: $ } = d({
+			v: J,
+			customValidators: Y
 		});
 		return (a, o) => {
 			let s = D("wt-label"), l = D("wt-button"), u = D("wt-icon-btn"), d = D("wt-message");
 			return T(), h("div", R, [
 				v(s, S(e.labelProps, { disabled: e.disabled }, {
 					for: W,
-					invalid: A(X)
+					invalid: A(Z)
 				}), {
-					default: P(() => [E(a.$slots, "label", w(b({ label: e.label })), () => [_(O(K.value), 1)], !0)], void 0, !0),
+					default: P(() => [E(a.$slots, "label", w(b({ label: e.label })), () => [_(O(q.value), 1)], !0)], void 0, !0),
 					_: 3
 				}, 16, ["disabled", "invalid"]),
 				v(A(I), {
@@ -180,7 +182,7 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 					"show-time": e.showTime,
 					"min-date": e.minDate,
 					"max-date": e.maxDate,
-					placeholder: e.placholder,
+					placeholder: G.value,
 					"show-clear": e.clearable && y.value,
 					"show-button-bar": "",
 					fluid: "",
@@ -190,9 +192,10 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 						tableHeaderCell: { class: "typo-body-2-bold" },
 						day: { class: "typo-body-2" },
 						hour: { class: "typo-body-2" },
-						minute: { class: "typo-body-2" }
+						minute: { class: "typo-body-2" },
+						panel: { style: { maxWidth: "380px" } }
 					},
-					onShow: G
+					onShow: K
 				}, {
 					buttonbar: P(({ todayCallback: i, clearCallback: a }) => [g("div", z, [v(l, {
 						color: A(n).SECONDARY,
@@ -265,13 +268,13 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 					"placeholder",
 					"show-clear"
 				]),
-				A(Y) && A(Z) ? (T(), p(d, {
+				A(X) && A(Q) ? (T(), p(d, {
 					key: 0,
-					color: A(Q),
+					color: A($),
 					variant: A(i).SIMPLE,
 					size: A(r).SM
 				}, {
-					default: P(() => [_(O(A(Z)), 1)], void 0, !0),
+					default: P(() => [_(O(A(Q)), 1)], void 0, !0),
 					_: 1
 				}, 8, [
 					"color",
@@ -281,6 +284,6 @@ var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" },
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-07d7fc7e"]]);
+}), [["__scopeId", "data-v-24efc01b"]]);
 //#endregion
 export { W as default };

package/dist/{wt-display-chip-items-BqQVIAkF.js → wt-display-chip-items-DwXiAC9Q.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-rjTUkhKS.js";
+import { C as e, i as t } from "./components-BGDAdIES.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-player-B2SZ_NSb.js → wt-player-CZ1X2qkK.js}

@@ -3,7 +3,7 @@ import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-CoY-pIuZ.js";
 import { t as r } from "./wt-button-uY5Q1GAg.js";
 import { n as i, t as a } from "./useVidstackSrc-epUQZhkL.js";
-import { t as o } from "./wt-popover-BdwrokVy.js";
+import { t as o } from "./wt-popover-ChCN6b1o.js";
 import { t as s } from "./wt-slider-BPzRTeYU.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, openBlock as _, ref as v, renderList as y, resolveComponent as b, toDisplayString as x, toRefs as S, unref as C, watch as w, withCtx as T } from "vue";
 //#region src/components/_shared/settings-panel/components/speed-settings/speed-settings.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-popover-BdwrokVy.js → wt-popover-ChCN6b1o.js}

@@ -4,7 +4,7 @@ import { createElementBlock as t, createVNode as n, defineComponent as r, guardR
 var _ = (e, t) => {
 	let n = (n) => {
 		let r = n.target;
-		if (r?.closest(".p-select-overlay, .p-multiselect-overlay")) {
+		if (r?.closest(".p-select-overlay, .p-multiselect-overlay, .p-datepicker-panel")) {
 			let t = e.value?.outsideClickListener;
 			if (!t) return;
 			document.removeEventListener("click", t), document.addEventListener("click", () => {

package/dist/{wt-send-message-popup-C243_OQU.js → wt-send-message-popup-Ca0k3qYD.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./components-rjTUkhKS.js";
+import { n as e } from "./components-BGDAdIES.js";
 import { t } from "./vue-i18n-lTFLGg_9.js";
 import { n, r } from "./clients-B1AOAvEK.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";

package/dist/{wt-type-extension-value-input-BqqkVK_q.js → wt-type-extension-value-input-i4J1iGaf.js}

@@ -1,4 +1,4 @@
-import { a as e, o as t, r as n, s as r } from "./components-rjTUkhKS.js";
+import { a as e, o as t, r as n, s as r } from "./components-BGDAdIES.js";
 import { t as i } from "./enums-CoY-pIuZ.js";
 import { t as a } from "./vue-i18n-lTFLGg_9.js";
 import { t as o } from "./clients-B1AOAvEK.js";

package/dist/{wt-vidstack-player-0NJ7uOcM.js → wt-vidstack-player-DaImpTZt.js}

@@ -1,4 +1,4 @@
-import { w as e } from "./components-rjTUkhKS.js";
+import { w as e } from "./components-BGDAdIES.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-CoY-pIuZ.js";
 import "./wt-button-uY5Q1GAg.js";

package/package.json

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

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

@@ -18,7 +18,7 @@
 			:show-time="showTime"
 			:min-date="minDate"
 			:max-date="maxDate"
-			:placeholder="placholder"
+			:placeholder="getPlaceholder"
 			:show-clear="clearable && modelValue"
 			show-button-bar
       fluid
@@ -40,6 +40,11 @@
 				},
 				minute: {
 					class: 'typo-body-2'
+				},
+				panel: {
+					style: {
+						maxWidth: '380px',
+					}
 				}
 			}"
 			@show="onPanelShow"
@@ -194,6 +199,10 @@ const datepicker = useTemplateRef<HTMLDivElement>('datepicker');
 
 const datepickerId = `datepicker-${Math.random().toString(36).slice(2, 11)}`;
 
+const getPlaceholder = computed(() => {
+	return props.placholder || `dd/mm/yyyy ${props.showTime ? 'hh:mm' : ''}`;
+});
+
 // PrimeVue initializes its internal currentHour/currentMinute from new Date() when the
 // overlay opens, ignoring the model value. Re-assigning the same value forces a re-sync.
 const onPanelShow = () => {
@@ -207,6 +216,8 @@ const onPanelShow = () => {
 	// align overlay, because on first render it is not aligned correctly
 	setTimeout(() => {
 		datepicker.value?.alignOverlay();
+		const panel = datepicker.value?.overlay;
+		if (panel) panel.style.minWidth = '';
 	}, 0);
 };
 

package/src/components/wt-popover/_internals/composables/usePopoverOverlayFix.ts

@@ -29,7 +29,11 @@ export const usePopoverOverlayFix = (
 	const onDocumentPointerdown = (event: PointerEvent) => {
 		const target = event.target as Element;
 
-		if (target?.closest('.p-select-overlay, .p-multiselect-overlay')) {
+		if (
+			target?.closest(
+				'.p-select-overlay, .p-multiselect-overlay, .p-datepicker-panel',
+			)
+		) {
 			const outsideClickListener = innerPopover.value?.outsideClickListener;
 			if (!outsideClickListener) return;
 			document.removeEventListener('click', outsideClickListener);