@webitel/ui-sdk 26.6.63 → 26.6.65

package/dist/{wt-button-DSxkafVk.js → wt-button-uY5Q1GAg.js}

@@ -76,8 +76,9 @@ var w = /* @__PURE__ */ l({
 					"p-button--loading": A.value,
 					"p-button--icon": t.icon,
 					[`p-button--size-${t.size}`]: !0,
-					[`p-button--icon-${t.variant} p-button--icon-${t.size}`]: t.icon
-				}, "wt-button typo-button typo-button"],
+					[`p-button--icon-${t.variant} p-button--icon-${t.size}`]: t.icon,
+					[`typo-button--${t.size}`]: t.size
+				}, "wt-button typo-button"],
 				disabled: t.disabled,
 				loading: A.value,
 				severity: t.color,

package/dist/{wt-chat-emoji-CROATNmD.js → wt-chat-emoji-Xw_v-yxx.js}

@@ -1,7 +1,7 @@
-import "./components-eoQi5zKf.js";
+import "./components-CE6UIGIl.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-DSxkafVk.js";
+import { t as n } from "./wt-button-uY5Q1GAg.js";
 import { n as r } from "./wt-toast-CS54GhLJ.js";
 import { Teleport as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, nextTick as u, onBeforeUnmount as d, openBlock as f, ref as p, resolveDirective as m, unref as h, withDirectives as g } from "vue";
 //#region node_modules/emoji-picker-element/database.js

package/dist/wt-datepicker-BGSK1JFI.js

@@ -0,0 +1,286 @@
+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-CoY-pIuZ.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-lTFLGg_9.js";
+import { t as d } from "./useValidation-CBCP45gh.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, openBlock as T, renderSlot as E, resolveComponent as D, toDisplayString as O, toRefs as k, unref as A, useModel as j, useTemplateRef as M, vShow as N, 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 L(e, t, n) {
+	if (typeof e == "string" && !e.match(c)) return s(e, {
+		...n,
+		timeZone: t
+	});
+	e = s(e, n);
+	let r = a(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds()).getTime(), i = o(t, new Date(r));
+	return new Date(r + i);
+}
+//#endregion
+//#region src/components/wt-datepicker/wt-datepicker.vue?vue&type=script&setup=true&lang.ts
+var R = { class: "wt-datepicker" }, z = { class: "wt-datepicker__button-bar" }, B = [
+	"onMousedown",
+	"onMouseup",
+	"onMouseleave"
+], V = [
+	"onMousedown",
+	"onMouseup",
+	"onMouseleave"
+], H = [
+	"onMousedown",
+	"onMouseup",
+	"onMouseleave"
+], U = [
+	"onMousedown",
+	"onMouseup",
+	"onMouseleave"
+], W = /*#__PURE__*/ e(/* @__PURE__ */ y({
+	__name: "wt-datepicker",
+	props: /*@__PURE__*/ x({
+		showTime: { type: Boolean },
+		minDate: {},
+		maxDate: {},
+		label: {},
+		labelProps: { default: () => ({}) },
+		placholder: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		clearable: { type: Boolean },
+		timezone: {},
+		v: {},
+		customValidators: { default: () => [] },
+		modelValue: {},
+		defaultValue: {},
+		name: {},
+		selectionMode: {},
+		dateFormat: {},
+		updateModelType: {},
+		inline: { type: Boolean },
+		showOtherMonths: { type: Boolean },
+		selectOtherMonths: { type: Boolean },
+		showIcon: { type: Boolean },
+		iconDisplay: {},
+		icon: {},
+		prevIcon: {},
+		nextIcon: {},
+		incrementIcon: {},
+		decrementIcon: {},
+		numberOfMonths: {},
+		responsiveOptions: {},
+		breakpoint: {},
+		view: {},
+		disabledDates: {},
+		disabledDays: {},
+		maxDateCount: {},
+		showOnFocus: { type: Boolean },
+		autoZIndex: { type: Boolean },
+		baseZIndex: {},
+		showButtonBar: { type: Boolean },
+		shortYearCutoff: {},
+		timeOnly: { type: Boolean },
+		hourFormat: {},
+		stepHour: {},
+		stepMinute: {},
+		stepSecond: {},
+		showSeconds: { type: Boolean },
+		hideOnDateTimeSelect: { type: Boolean },
+		hideOnRangeSelection: { type: Boolean },
+		timeSeparator: {},
+		showWeek: { type: Boolean },
+		manualInput: { type: Boolean },
+		showClear: { type: Boolean },
+		size: {},
+		invalid: { type: Boolean },
+		variant: {},
+		readonly: { type: Boolean },
+		placeholder: {},
+		appendTo: {},
+		inputId: {},
+		inputStyle: {},
+		inputClass: {},
+		panelStyle: {},
+		panelClass: {},
+		todayButtonProps: {},
+		clearButtonProps: {},
+		navigatorButtonProps: {},
+		timepickerButtonProps: {},
+		fluid: { type: Boolean },
+		ariaLabelledby: {},
+		ariaLabel: {},
+		formControl: {},
+		dt: {},
+		pt: {},
+		ptOptions: {},
+		unstyled: { type: Boolean }
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ x([
+		"update:modelValue",
+		"value-change",
+		"input",
+		"date-select",
+		"show",
+		"hide",
+		"today-click",
+		"clear-click",
+		"month-change",
+		"year-change",
+		"focus",
+		"blur",
+		"keydown"
+	], ["update:modelValue"]),
+	setup(e, { emit: a }) {
+		let o = e, s = j(e, "modelValue"), { t: c } = u(), y = f({
+			get() {
+				if (!s.value) return null;
+				let e = /* @__PURE__ */ new Date(+s.value);
+				return o.timezone ? l(e, o.timezone) : e;
+			},
+			set(e) {
+				if (!e) {
+					s.value = null;
+					return;
+				}
+				s.value = (o.timezone ? L(e, o.timezone) : e).getTime();
+			}
+		}), x = M("datepicker"), W = `datepicker-${Math.random().toString(36).slice(2, 11)}`, G = () => {
+			if (o.showTime && y.value) {
+				let e = y.value;
+				C(() => {
+					y.value = new Date(e.getTime());
+				});
+			}
+			setTimeout(() => {
+				x.value?.alignOverlay();
+			}, 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
+		});
+		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)
+				}), {
+					default: P(() => [E(a.$slots, "label", w(b({ label: e.label })), () => [_(O(K.value), 1)], !0)], void 0, !0),
+					_: 3
+				}, 16, ["disabled", "invalid"]),
+				v(A(I), {
+					ref_key: "datepicker",
+					ref: x,
+					id: W,
+					modelValue: y.value,
+					"onUpdate:modelValue": o[0] ||= (e) => y.value = e,
+					"date-format": "dd/mm/yy",
+					required: e.required,
+					disabled: e.disabled,
+					"show-time": e.showTime,
+					"min-date": e.minDate,
+					"max-date": e.maxDate,
+					placeholder: e.placholder,
+					"show-clear": e.clearable && y.value,
+					"show-button-bar": "",
+					fluid: "",
+					pt: {
+						selectMonth: { class: "typo-subtitle-1" },
+						selectYear: { class: "typo-subtitle-1" },
+						tableHeaderCell: { class: "typo-body-2-bold" },
+						day: { class: "typo-body-2" },
+						hour: { class: "typo-body-2" },
+						minute: { class: "typo-body-2" }
+					},
+					onShow: G
+				}, {
+					buttonbar: P(({ todayCallback: i, clearCallback: a }) => [g("div", z, [v(l, {
+						color: A(n).SECONDARY,
+						variant: A(t).OUTLINED,
+						size: A(r).SM,
+						onClick: i
+					}, {
+						default: P(() => [_(O(A(c)("reusable.today")), 1)], void 0, !0),
+						_: 1
+					}, 8, [
+						"color",
+						"variant",
+						"size",
+						"onClick"
+					]), F(v(l, {
+						color: A(n).SECONDARY,
+						variant: A(t).OUTLINED,
+						size: A(r).SM,
+						onClick: a
+					}, {
+						default: P(() => [_(O(A(c)("reusable.clear")), 1)], void 0, !0),
+						_: 1
+					}, 8, [
+						"color",
+						"variant",
+						"size",
+						"onClick"
+					]), [[N, e.clearable && y.value]])])]),
+					prevbutton: P(({ actionCallback: e }) => [v(u, {
+						icon: "arrow-left",
+						onClick: e
+					}, null, 8, ["onClick"])]),
+					nextbutton: P(({ actionCallback: e }) => [v(u, {
+						icon: "arrow-right",
+						onClick: e
+					}, null, 8, ["onClick"])]),
+					clearicon: P(({ clearCallback: e }) => [v(u, {
+						icon: "close",
+						class: "wt-datepicker__clear-icon",
+						onClick: e
+					}, null, 8, ["onClick"])]),
+					hourincrementbutton: P(({ callbacks: e }) => [g("span", {
+						onMousedown: e.mousedown,
+						onMouseup: e.mouseup,
+						onMouseleave: e.mouseleave
+					}, [v(u, { icon: "arrow-up" })], 40, B)]),
+					hourdecrementbutton: P(({ callbacks: e }) => [g("span", {
+						onMousedown: e.mousedown,
+						onMouseup: e.mouseup,
+						onMouseleave: e.mouseleave
+					}, [v(u, { icon: "arrow-down" })], 40, V)]),
+					minuteincrementbutton: P(({ callbacks: e }) => [g("span", {
+						onMousedown: e.mousedown,
+						onMouseup: e.mouseup,
+						onMouseleave: e.mouseleave
+					}, [v(u, { icon: "arrow-up" })], 40, H)]),
+					minutedecrementbutton: P(({ callbacks: e }) => [g("span", {
+						onMousedown: e.mousedown,
+						onMouseup: e.mouseup,
+						onMouseleave: e.mouseleave
+					}, [v(u, { icon: "arrow-down" })], 40, U)]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"required",
+					"disabled",
+					"show-time",
+					"min-date",
+					"max-date",
+					"placeholder",
+					"show-clear"
+				]),
+				A(Y) && A(Z) ? (T(), p(d, {
+					key: 0,
+					color: A(Q),
+					variant: A(i).SIMPLE,
+					size: A(r).SM
+				}, {
+					default: P(() => [_(O(A(Z)), 1)], void 0, !0),
+					_: 1
+				}, 8, [
+					"color",
+					"variant",
+					"size"
+				])) : m("", !0)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-07d7fc7e"]]);
+//#endregion
+export { W as default };

package/dist/{wt-display-chip-items-BYkx7GAw.js → wt-display-chip-items-Dsgzf_Ik.js}

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

@@ -1,7 +1,7 @@
 import { t as e } from "./wt-icon-CU2jtYw1.js";
 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-DSxkafVk.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 s } from "./wt-slider-BPzRTeYU.js";

package/dist/{wt-send-message-popup-DuRb4ozr.js → wt-send-message-popup-BkGO2Heo.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./components-eoQi5zKf.js";
+import { n as e } from "./components-CE6UIGIl.js";
 import { t } from "./vue-i18n-lTFLGg_9.js";
 import { n, r } from "./clients-DtfBVBhI.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-BroXv_Jr.js → wt-type-extension-value-input-CfuzPZ2M.js}

@@ -1,4 +1,4 @@
-import { a as e, o as t, r as n, s as r } from "./components-eoQi5zKf.js";
+import { a as e, o as t, r as n, s as r } from "./components-CE6UIGIl.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-DtfBVBhI.js";
@@ -93,10 +93,10 @@ var y = /* @__PURE__ */ d({
 					value: C.value
 				}
 			}, () => [u(_(n), p(w.value, {
-				value: C.value,
-				mode: "datetime",
-				onInput: D
-			}), null, 16, ["value"])]) : l("", !0);
+				"model-value": C.value,
+				"show-time": "",
+				"onUpdate:modelValue": D
+			}), null, 16, ["model-value"])]) : l("", !0);
 		};
 	}
 });

package/dist/{wt-vidstack-player-1BqwgHog.js → wt-vidstack-player-DDYdRLvZ.js}

@@ -1,7 +1,7 @@
-import { l as e } from "./components-eoQi5zKf.js";
+import { w as e } from "./components-CE6UIGIl.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-CoY-pIuZ.js";
-import "./wt-button-DSxkafVk.js";
+import "./wt-button-uY5Q1GAg.js";
 import { t as r } from "./wt-icon-btn-eDHK__L_.js";
 import { $ as i, C as a, D as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as ee, P as te, Q as g, R as ne, S as _, U as re, V as v, W as y, X as b, Y as ie, Z as x, _ as S, a as ae, b as oe, c as se, d as ce, et as le, f as ue, g as de, h as fe, i as C, it as pe, j as me, k as he, l as w, m as ge, n as T, nt as E, o as D, ot as _e, p as O, q as k, r as A, rt as ve, t as ye, tt as be, u as xe, v as j, w as Se, y as Ce, z as we } from "./vidstack-D9mvYVIz-DesuYgKV.js";
 import { _ as M, a as Te, c as Ee, d as De, f as Oe, g as ke, h as Ae, i as je, l as Me, m as Ne, n as Pe, o as Fe, p as Ie, r as Le, s as Re, t as N, u as ze } from "./vidstack-CgfrU1hS-CNTJkyzm.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.6.63",
+	"version": "26.6.65",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",
@@ -68,6 +68,7 @@
 		"flat": "^6.0.1",
 		"is-valid-domain": "^0.1.6",
 		"path-browserify": "^1.0.1",
+		"primelocale": "^2.3.2",
 		"primevue": "^4.5.4",
 		"qs-esm": "^7.0.3",
 		"sortablejs": "^1.15.3",

package/src/components/on-demand/wt-type-extension-value-input/wt-type-extension-value-input.vue

@@ -64,9 +64,9 @@
   >
     <wt-datepicker
       v-bind="sharedChildrenProps"
-      :value="value"
-      mode="datetime"
-      @input="setValue"
+      :model-value="value"
+      show-time
+      @update:model-value="setValue"
     />
   </slot>
 </template>

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

@@ -8,13 +8,14 @@
         'p-button--icon': icon,
         [`p-button--size-${size}`]: true,
         [ `p-button--icon-${variant} p-button--icon-${size}` ]: icon,
+				[ `typo-button--${size}` ]: size,
       }"
     :disabled="disabled"
     :loading="showLoader"
     :severity="color"
     :size="primevueSizeMap[size]"
     :variant="variant"
-    class="wt-button typo-button typo-button"
+    class="wt-button typo-button"
     v-bind="attrs"
     @click.prevent="emit('click', $event)"
   >