@webitel/ui-sdk 26.6.100 → 26.6.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{components-89d9wbnp.js → components-B15PvOcM.js} +3 -3
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +1 -1
- package/dist/{wt-chat-emoji-D9JuBz2G.js → wt-chat-emoji-DGWoMhRa.js} +1 -1
- package/dist/{wt-display-chip-items-BKf1iLN9.js → wt-display-chip-items-BoMTg1Qr.js} +1 -1
- package/dist/{wt-send-message-popup-DgiD0_MI.js → wt-send-message-popup-WECZxY7v.js} +1 -1
- package/dist/{wt-time-input-CO2cop3y.js → wt-time-input-u5Ay5_X5.js} +3 -1
- package/dist/{wt-timepicker-CURP_N80.js → wt-timepicker-CHNPor19.js} +25 -29
- package/dist/{wt-type-extension-value-input-CuniJHNW.js → wt-type-extension-value-input-Dmq5KjQQ.js} +1 -1
- package/dist/{wt-vidstack-player-2y5Cn9Cg.js → wt-vidstack-player-D-D625Jl.js} +1 -1
- package/package.json +1 -1
- package/src/components/wt-time-input/wt-time-input.vue +6 -1
- package/src/components/wt-timepicker/wt-timepicker.vue +13 -16
- package/types/components/wt-time-input/wt-time-input.vue.d.ts +5 -0
- package/types/components/wt-timepicker/wt-timepicker.vue.d.ts +0 -5
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as e, i as t } from "./components-
|
|
1
|
+
import { C as e, i as t } from "./components-B15PvOcM.js";
|
|
2
2
|
import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
3
3
|
import { t as r } from "./displayText-CtaxzaBz.js";
|
|
4
4
|
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";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { n as e, r as t } from "./clients-DBR1e2Vq.js";
|
|
2
|
-
import { n } from "./components-
|
|
2
|
+
import { n } from "./components-B15PvOcM.js";
|
|
3
3
|
import { t as r } from "./vue-i18n-Db_oYfO8.js";
|
|
4
4
|
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";
|
|
5
5
|
//#endregion
|
|
@@ -7,6 +7,7 @@ var o = /* @__PURE__ */ t({
|
|
|
7
7
|
label: { default: "" },
|
|
8
8
|
name: { default: "" },
|
|
9
9
|
maxValue: { default: void 0 },
|
|
10
|
+
minValue: { default: 0 },
|
|
10
11
|
required: {
|
|
11
12
|
type: Boolean,
|
|
12
13
|
default: !1
|
|
@@ -39,7 +40,7 @@ var o = /* @__PURE__ */ t({
|
|
|
39
40
|
"label-props": t.labelProps,
|
|
40
41
|
name: t.name,
|
|
41
42
|
max: t.maxValue,
|
|
42
|
-
min:
|
|
43
|
+
min: t.minValue,
|
|
43
44
|
v: t.v,
|
|
44
45
|
required: t.required,
|
|
45
46
|
disabled: t.disabled,
|
|
@@ -50,6 +51,7 @@ var o = /* @__PURE__ */ t({
|
|
|
50
51
|
"label-props",
|
|
51
52
|
"name",
|
|
52
53
|
"max",
|
|
54
|
+
"min",
|
|
53
55
|
"v",
|
|
54
56
|
"required",
|
|
55
57
|
"disabled",
|
|
@@ -29,11 +29,7 @@ var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/
|
|
|
29
29
|
},
|
|
30
30
|
v: { default: null },
|
|
31
31
|
regleValidation: { default: null },
|
|
32
|
-
customValidators: { default: () => [] }
|
|
33
|
-
noMaxHours: {
|
|
34
|
-
type: Boolean,
|
|
35
|
-
default: !1
|
|
36
|
-
}
|
|
32
|
+
customValidators: { default: () => [] }
|
|
37
33
|
},
|
|
38
34
|
emits: ["update:modelValue"],
|
|
39
35
|
setup(e, { emit: d }) {
|
|
@@ -41,32 +37,32 @@ var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/
|
|
|
41
37
|
v: A,
|
|
42
38
|
customValidators: j,
|
|
43
39
|
regleValidation: M
|
|
44
|
-
}), L = a(() => D.format.includes("hh")), R = a(() => D.format.includes("mm")), z = a(() => D.format.includes("ss")), B = a(() => D.
|
|
40
|
+
}), L = a(() => D.format.includes("hh")), R = a(() => D.format.includes("mm")), z = a(() => D.format.includes("ss")), B = a(() => D.noLabel || D.label ? null : k("webitelUI.timepicker.hour")), V = a(() => D.noLabel || D.label ? null : k("webitelUI.timepicker.min")), H = a(() => D.noLabel || D.label ? null : k("webitelUI.timepicker.sec")), U = a({
|
|
45
41
|
get() {
|
|
46
42
|
return D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).getHours() : Math.floor(+D.modelValue / T);
|
|
47
43
|
},
|
|
48
44
|
set(e) {
|
|
49
|
-
let t = D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).setHours(e) : +D.modelValue -
|
|
45
|
+
let t = D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).setHours(e) : Math.max(0, +D.modelValue - U.value * T + e * T);
|
|
50
46
|
O("update:modelValue", t);
|
|
51
47
|
}
|
|
52
|
-
}),
|
|
48
|
+
}), W = a({
|
|
53
49
|
get() {
|
|
54
50
|
return D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).getMinutes() : Math.floor(+D.modelValue / E % 60);
|
|
55
51
|
},
|
|
56
52
|
set(e) {
|
|
57
|
-
let t = D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).setMinutes(e) : +D.modelValue -
|
|
53
|
+
let t = D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).setMinutes(e) : Math.max(0, +D.modelValue - W.value * E + e * E);
|
|
58
54
|
O("update:modelValue", t);
|
|
59
55
|
}
|
|
60
|
-
}),
|
|
56
|
+
}), G = a({
|
|
61
57
|
get() {
|
|
62
58
|
return D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).getSeconds() : Math.floor(D.modelValue % 60);
|
|
63
59
|
},
|
|
64
60
|
set(e) {
|
|
65
|
-
let t = D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).setSeconds(e) : +D.modelValue -
|
|
61
|
+
let t = D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).setSeconds(e) : Math.max(0, +D.modelValue - G.value + +e);
|
|
66
62
|
O("update:modelValue", t);
|
|
67
63
|
}
|
|
68
|
-
}),
|
|
69
|
-
let e = D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).setHours(
|
|
64
|
+
}), K = a(() => D.required ? `${D.label} (${D.format})*` : `${D.label} (${D.format})`), q = () => {
|
|
65
|
+
let e = D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).setHours(U.value) : +D.modelValue - U.value * T + U.value * T;
|
|
70
66
|
O("update:modelValue", 0), m(() => {
|
|
71
67
|
O("update:modelValue", e);
|
|
72
68
|
});
|
|
@@ -75,34 +71,33 @@ var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/
|
|
|
75
71
|
let a = y("wt-label"), d = y("wt-time-input"), m = y("wt-message");
|
|
76
72
|
return _(), c("div", { class: h([{ "wt-timepicker--invalid": S(P) }, "wt-timepicker"]) }, [
|
|
77
73
|
e.label || !e.noLabel ? (_(), o(a, p({ key: 0 }, e.labelProps, { invalid: S(P) }), {
|
|
78
|
-
default: C(() => [v(r.$slots, "label", g(f({ label: e.label })), () => [u(b(
|
|
74
|
+
default: C(() => [v(r.$slots, "label", g(f({ label: e.label })), () => [u(b(K.value), 1)], !0)], void 0, !0),
|
|
79
75
|
_: 3
|
|
80
76
|
}, 16, ["invalid"])) : s("", !0),
|
|
81
77
|
l("div", w, [
|
|
82
78
|
L.value ? (_(), o(d, {
|
|
83
79
|
key: 0,
|
|
84
|
-
"model-value":
|
|
85
|
-
"onUpdate:modelValue": i[0] ||= (e) =>
|
|
80
|
+
"model-value": U.value,
|
|
81
|
+
"onUpdate:modelValue": i[0] ||= (e) => U.value = e,
|
|
86
82
|
disabled: e.disabled,
|
|
87
|
-
label:
|
|
88
|
-
"max-value": B.value,
|
|
83
|
+
label: B.value,
|
|
89
84
|
v: S(A),
|
|
90
85
|
"hide-input-info": "",
|
|
91
|
-
onBlur:
|
|
86
|
+
onBlur: q
|
|
92
87
|
}, null, 8, [
|
|
93
88
|
"model-value",
|
|
94
89
|
"disabled",
|
|
95
90
|
"label",
|
|
96
|
-
"max-value",
|
|
97
91
|
"v"
|
|
98
92
|
])) : s("", !0),
|
|
99
93
|
R.value ? (_(), o(d, {
|
|
100
94
|
key: 1,
|
|
101
|
-
"model-value":
|
|
102
|
-
"onUpdate:modelValue": i[1] ||= (e) =>
|
|
95
|
+
"model-value": W.value,
|
|
96
|
+
"onUpdate:modelValue": i[1] ||= (e) => W.value = e,
|
|
103
97
|
disabled: e.disabled,
|
|
104
|
-
label:
|
|
105
|
-
"
|
|
98
|
+
label: V.value,
|
|
99
|
+
"min-value": -1,
|
|
100
|
+
"max-value": 60,
|
|
106
101
|
v: S(A),
|
|
107
102
|
"hide-input-info": ""
|
|
108
103
|
}, null, 8, [
|
|
@@ -113,11 +108,12 @@ var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/
|
|
|
113
108
|
])) : s("", !0),
|
|
114
109
|
z.value ? (_(), o(d, {
|
|
115
110
|
key: 2,
|
|
116
|
-
"model-value":
|
|
117
|
-
"onUpdate:modelValue": i[2] ||= (e) =>
|
|
111
|
+
"model-value": G.value,
|
|
112
|
+
"onUpdate:modelValue": i[2] ||= (e) => G.value = e,
|
|
118
113
|
disabled: e.disabled,
|
|
119
|
-
label:
|
|
120
|
-
"
|
|
114
|
+
label: H.value,
|
|
115
|
+
"min-value": -1,
|
|
116
|
+
"max-value": 60,
|
|
121
117
|
v: S(A),
|
|
122
118
|
"hide-input-info": ""
|
|
123
119
|
}, null, 8, [
|
|
@@ -143,6 +139,6 @@ var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/
|
|
|
143
139
|
], 2);
|
|
144
140
|
};
|
|
145
141
|
}
|
|
146
|
-
}), [["__scopeId", "data-v-
|
|
142
|
+
}), [["__scopeId", "data-v-323eaef0"]]);
|
|
147
143
|
//#endregion
|
|
148
144
|
export { D as default };
|
package/dist/{wt-type-extension-value-input-CuniJHNW.js → wt-type-extension-value-input-Dmq5KjQQ.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./clients-DBR1e2Vq.js";
|
|
2
|
-
import { a as t, o as n, r, s as i } from "./components-
|
|
2
|
+
import { a as t, o as n, r, s as i } from "./components-B15PvOcM.js";
|
|
3
3
|
import { t as a } from "./enums-De8CDKZ1.js";
|
|
4
4
|
import { t as o } from "./vue-i18n-Db_oYfO8.js";
|
|
5
5
|
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/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
:label-props="labelProps"
|
|
6
6
|
:name="name"
|
|
7
7
|
:max="maxValue"
|
|
8
|
-
:min="
|
|
8
|
+
:min="minValue"
|
|
9
9
|
:v="v"
|
|
10
10
|
:required="required"
|
|
11
11
|
:disabled="disabled"
|
|
@@ -29,6 +29,10 @@ interface WtTimeInputProps {
|
|
|
29
29
|
* Time type: day, minute, second
|
|
30
30
|
*/
|
|
31
31
|
maxValue?: number;
|
|
32
|
+
/**
|
|
33
|
+
* Minimum selectable value
|
|
34
|
+
*/
|
|
35
|
+
minValue?: number;
|
|
32
36
|
/**
|
|
33
37
|
* Native input required attribute
|
|
34
38
|
*/
|
|
@@ -63,6 +67,7 @@ const props = withDefaults(defineProps<WtTimeInputProps>(), {
|
|
|
63
67
|
label: '',
|
|
64
68
|
name: '',
|
|
65
69
|
maxValue: undefined,
|
|
70
|
+
minValue: 0,
|
|
66
71
|
required: false,
|
|
67
72
|
disabled: false,
|
|
68
73
|
labelProps: () => ({}),
|
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
v-model:model-value="hour"
|
|
36
36
|
:disabled="disabled"
|
|
37
37
|
:label="labelHours"
|
|
38
|
-
:max-value="getHoursMaxValue"
|
|
39
38
|
:v="v"
|
|
40
39
|
hide-input-info
|
|
41
40
|
@blur="onHoursBlurEvent"
|
|
@@ -45,7 +44,8 @@
|
|
|
45
44
|
v-model:model-value="min"
|
|
46
45
|
:disabled="disabled"
|
|
47
46
|
:label="labelMin"
|
|
48
|
-
:
|
|
47
|
+
:min-value="-1"
|
|
48
|
+
:max-value="60"
|
|
49
49
|
:v="v"
|
|
50
50
|
hide-input-info
|
|
51
51
|
/>
|
|
@@ -54,7 +54,8 @@
|
|
|
54
54
|
v-model:model-value="sec"
|
|
55
55
|
:disabled="disabled"
|
|
56
56
|
:label="labelSec"
|
|
57
|
-
:
|
|
57
|
+
:min-value="-1"
|
|
58
|
+
:max-value="60"
|
|
58
59
|
:v="v"
|
|
59
60
|
hide-input-info
|
|
60
61
|
/>
|
|
@@ -127,16 +128,11 @@ interface WtTimepickerProps {
|
|
|
127
128
|
* Custom validators for vuelidate
|
|
128
129
|
*/
|
|
129
130
|
customValidators?: unknown[];
|
|
130
|
-
/**
|
|
131
|
-
* remove max hour restriction
|
|
132
|
-
*/
|
|
133
|
-
noMaxHours?: boolean;
|
|
134
131
|
}
|
|
135
132
|
|
|
136
133
|
const props = withDefaults(defineProps<WtTimepickerProps>(), {
|
|
137
134
|
modelValue: 0,
|
|
138
135
|
dateMode: false,
|
|
139
|
-
noMaxHours: false,
|
|
140
136
|
label: '',
|
|
141
137
|
format: 'hh:mm:ss',
|
|
142
138
|
disabled: false,
|
|
@@ -172,11 +168,6 @@ const isHour = computed(() => props.format.includes('hh'));
|
|
|
172
168
|
const isMin = computed(() => props.format.includes('mm'));
|
|
173
169
|
const isSec = computed(() => props.format.includes('ss'));
|
|
174
170
|
|
|
175
|
-
const getHoursMaxValue = computed(() => {
|
|
176
|
-
if (props.noMaxHours || props.dateMode) return null;
|
|
177
|
-
return 23;
|
|
178
|
-
});
|
|
179
|
-
|
|
180
171
|
// labelDays() {
|
|
181
172
|
// if (this.noLabel) return null;
|
|
182
173
|
// return this.label ? null : this.$t('webitelUI.timepicker.day');
|
|
@@ -223,7 +214,10 @@ const hour = computed({
|
|
|
223
214
|
set(value: number) {
|
|
224
215
|
const newValue = props.dateMode
|
|
225
216
|
? new Date(+props.modelValue).setHours(value)
|
|
226
|
-
:
|
|
217
|
+
: Math.max(
|
|
218
|
+
0,
|
|
219
|
+
+props.modelValue - hour.value * SEC_IN_HOUR + value * SEC_IN_HOUR,
|
|
220
|
+
);
|
|
227
221
|
emit('update:modelValue', newValue);
|
|
228
222
|
},
|
|
229
223
|
});
|
|
@@ -237,7 +231,10 @@ const min = computed({
|
|
|
237
231
|
set(value: number) {
|
|
238
232
|
const newValue = props.dateMode
|
|
239
233
|
? new Date(+props.modelValue).setMinutes(value)
|
|
240
|
-
:
|
|
234
|
+
: Math.max(
|
|
235
|
+
0,
|
|
236
|
+
+props.modelValue - min.value * SEC_IN_MIN + value * SEC_IN_MIN,
|
|
237
|
+
);
|
|
241
238
|
emit('update:modelValue', newValue);
|
|
242
239
|
},
|
|
243
240
|
});
|
|
@@ -251,7 +248,7 @@ const sec = computed({
|
|
|
251
248
|
set(value: number) {
|
|
252
249
|
const newValue = props.dateMode
|
|
253
250
|
? new Date(+props.modelValue).setSeconds(value)
|
|
254
|
-
: +props.modelValue - sec.value + +value;
|
|
251
|
+
: Math.max(0, +props.modelValue - sec.value + +value);
|
|
255
252
|
emit('update:modelValue', newValue);
|
|
256
253
|
},
|
|
257
254
|
});
|
|
@@ -12,6 +12,10 @@ interface WtTimeInputProps {
|
|
|
12
12
|
* Time type: day, minute, second
|
|
13
13
|
*/
|
|
14
14
|
maxValue?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Minimum selectable value
|
|
17
|
+
*/
|
|
18
|
+
minValue?: number;
|
|
15
19
|
/**
|
|
16
20
|
* Native input required attribute
|
|
17
21
|
*/
|
|
@@ -59,6 +63,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
59
63
|
label: string;
|
|
60
64
|
disabled: boolean;
|
|
61
65
|
maxValue: number;
|
|
66
|
+
minValue: number;
|
|
62
67
|
customValidators: unknown[];
|
|
63
68
|
v: Record<string, unknown>;
|
|
64
69
|
regleValidation: RegleFieldStatus<number>;
|
|
@@ -44,10 +44,6 @@ interface WtTimepickerProps {
|
|
|
44
44
|
* Custom validators for vuelidate
|
|
45
45
|
*/
|
|
46
46
|
customValidators?: unknown[];
|
|
47
|
-
/**
|
|
48
|
-
* remove max hour restriction
|
|
49
|
-
*/
|
|
50
|
-
noMaxHours?: boolean;
|
|
51
47
|
}
|
|
52
48
|
declare var __VLS_7: {
|
|
53
49
|
label: string;
|
|
@@ -71,7 +67,6 @@ declare const __VLS_base: import("vue").DefineComponent<WtTimepickerProps, {}, {
|
|
|
71
67
|
format: string;
|
|
72
68
|
dateMode: boolean;
|
|
73
69
|
noLabel: boolean;
|
|
74
|
-
noMaxHours: boolean;
|
|
75
70
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
76
71
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
77
72
|
declare const _default: typeof __VLS_export;
|