@webitel/ui-sdk 26.6.100 → 26.6.102
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/{clients-DBR1e2Vq.js → clients-DhfpT_WX.js} +11 -4
- package/dist/{components-89d9wbnp.js → components-D09oOmMT.js} +26 -20
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +241 -241
- package/dist/{wt-chat-emoji-D9JuBz2G.js → wt-chat-emoji-BNd-IMKX.js} +1 -1
- package/dist/{wt-display-chip-items-BKf1iLN9.js → wt-display-chip-items-DDtIC1eC.js} +1 -1
- package/dist/{wt-send-message-popup-DgiD0_MI.js → wt-send-message-popup-CZw4gY49.js} +2 -2
- 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-Fbnk51qu.js} +2 -2
- package/dist/{wt-vidstack-player-2y5Cn9Cg.js → wt-vidstack-player-BnwDqffJ.js} +1 -1
- package/package.json +1 -1
- package/src/components/wt-input-text/wt-input-text.vue +32 -4
- package/src/components/wt-password/wt-password.vue +1 -2
- package/src/components/wt-time-input/wt-time-input.vue +6 -1
- package/src/components/wt-timepicker/wt-timepicker.vue +13 -16
- package/src/composables/useEventBus/useEventBus.d.ts +4 -4
- package/src/enums/BroadcastChannelName/BroadcastChannelName.d.ts +3 -2
- package/src/enums/BroadcastChannelName/UserSettingsBroadcastMessage.d.ts +7 -7
- package/src/enums/ButtonColor/ButtonColor.d.ts +8 -8
- package/src/enums/ButtonVariant/ButtonVariant.d.ts +3 -3
- package/src/enums/ChipColor/ChipColor.d.ts +8 -8
- package/src/enums/ComponentSize/ComponentSize.d.ts +14 -14
- package/src/enums/ConnectionQualityLevel/ConnectionQualityLevel.enum.d.ts +5 -4
- package/src/enums/CrudAction/CrudAction.d.ts +4 -4
- package/src/enums/DefaultWorkspaceTabSettings/DefaultWorkspaceTabSettings.d.ts +8 -7
- package/src/enums/EmptyCause/EmptyCause.d.ts +3 -3
- package/src/enums/FormatDateMode/FormatDateMode.d.ts +7 -6
- package/src/enums/IconColor/IconColor.d.ts +14 -14
- package/src/enums/LoginOptions/LoginOptions.d.ts +3 -3
- package/src/enums/MessageColor/MessageColor.d.ts +6 -6
- package/src/enums/MessageVariant/MessageVariant.d.ts +3 -3
- package/src/enums/MimeTypes/MimeTypes.enum.d.ts +14 -14
- package/src/enums/ProcessingTableColumnType/ProcessingTableColumnType.d.ts +7 -6
- package/src/enums/QueueType/QueueType.enum.d.ts +22 -22
- package/src/enums/RelativeDatetimeValue/RelativeDatetimeValue.d.ts +6 -5
- package/src/enums/RingtoneType/RingtoneType.d.ts +3 -3
- package/src/enums/SingleSignOnProvider/SingleSignOnProvider.d.ts +6 -5
- package/src/enums/SingleSignOnProviderIconMappings/SingleSignOnProviderIconMappings.d.ts +6 -2
- package/src/enums/WebitelApplications/AdminSections.d.ts +38 -38
- package/src/enums/WebitelApplications/AuditorSections.d.ts +3 -2
- package/src/enums/WebitelApplications/CrmSections.d.ts +13 -13
- package/src/enums/WebitelApplications/SupervisorSections.d.ts +5 -4
- package/src/enums/WebitelApplications/WfmSections.d.ts +3 -3
- package/src/enums/WebitelApplications/WtApplication.d.ts +9 -9
- package/src/enums/WtObject/WtObject.d.ts +57 -57
- package/src/enums/WtTypeExtensionFieldKind/WtTypeExtensionFieldKind.d.ts +8 -7
- package/src/enums/index.d.ts +54 -4
- package/src/modules/ObjectPermissions/enums/AccessMode.enum.d.ts +3 -3
- package/src/modules/ObjectPermissions/enums/AccessRuleName.enum.d.ts +6 -5
- package/src/modules/ObjectPermissions/headers/headers.d.ts +5 -5
- package/src/modules/Userinfo/constants/UserSettingsConstants.d.ts +1 -1
- package/src/utils/displayText.d.ts +1 -1
- package/src/utils/formatDate.d.ts +9 -3
- package/types/components/wt-input-text/wt-input-text.vue.d.ts +4 -2
- package/types/components/wt-password/wt-password.vue.d.ts +0 -1
- 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-D09oOmMT.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
|
-
import { n as e, r as t } from "./clients-
|
|
2
|
-
import { n } from "./components-
|
|
1
|
+
import { n as e, r as t } from "./clients-DhfpT_WX.js";
|
|
2
|
+
import { n } from "./components-D09oOmMT.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-Fbnk51qu.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as e } from "./clients-
|
|
2
|
-
import { a as t, o as n, r, s as i } from "./components-
|
|
1
|
+
import { t as e } from "./clients-DhfpT_WX.js";
|
|
2
|
+
import { a as t, o as n, r, s as i } from "./components-D09oOmMT.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
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
:invalid="invalid"
|
|
31
31
|
:placeholder="placeholder || label"
|
|
32
32
|
class="wt-input-text__input typo-body-1"
|
|
33
|
+
:class="{ 'wt-input-text__input--masked': isInputMasked }"
|
|
33
34
|
:inputmode="type"
|
|
34
35
|
:size="primevueSizeMap[size]"
|
|
35
36
|
v-bind="$attrs"
|
|
@@ -37,10 +38,16 @@
|
|
|
37
38
|
@update:model-value="inputHandler"
|
|
38
39
|
@keyup="handleKeyup"
|
|
39
40
|
/>
|
|
40
|
-
<p-input-group-addon
|
|
41
|
-
v-if="
|
|
41
|
+
<p-input-group-addon
|
|
42
|
+
v-if="hasSuffixAddon"
|
|
42
43
|
class="wt-input-text__addon typo-body-1"
|
|
43
44
|
>
|
|
45
|
+
<wt-icon-btn
|
|
46
|
+
v-if="hideInputValue"
|
|
47
|
+
:icon="eyeIconName"
|
|
48
|
+
:disabled="disabled"
|
|
49
|
+
@click="isValueHidden = !isValueHidden"
|
|
50
|
+
/>
|
|
44
51
|
<slot name="suffix" />
|
|
45
52
|
</p-input-group-addon>
|
|
46
53
|
</p-input-group>
|
|
@@ -58,7 +65,14 @@
|
|
|
58
65
|
<script setup lang="ts">
|
|
59
66
|
import type { RegleFieldStatus } from '@regle/core';
|
|
60
67
|
import type { InputTextProps } from 'primevue';
|
|
61
|
-
import {
|
|
68
|
+
import {
|
|
69
|
+
computed,
|
|
70
|
+
defineModel,
|
|
71
|
+
ref,
|
|
72
|
+
toRefs,
|
|
73
|
+
useSlots,
|
|
74
|
+
useTemplateRef,
|
|
75
|
+
} from 'vue';
|
|
62
76
|
import { ComponentSize, MessageColor, MessageVariant } from '../../enums';
|
|
63
77
|
import { useValidation } from '../../mixins/validationMixin/useValidation';
|
|
64
78
|
import { useInputControl } from '../_internals/composables';
|
|
@@ -76,6 +90,7 @@ interface WtInputTextProps extends /* @vue-ignore */ InputTextProps {
|
|
|
76
90
|
regleValidation?: RegleFieldStatus<string>;
|
|
77
91
|
customValidators?: unknown[];
|
|
78
92
|
hideInputInfo?: boolean;
|
|
93
|
+
hideInputValue?: boolean;
|
|
79
94
|
}
|
|
80
95
|
|
|
81
96
|
const props = withDefaults(defineProps<WtInputTextProps>(), {
|
|
@@ -91,6 +106,7 @@ const props = withDefaults(defineProps<WtInputTextProps>(), {
|
|
|
91
106
|
regleValidation: null,
|
|
92
107
|
customValidators: () => [],
|
|
93
108
|
hideInputInfo: false,
|
|
109
|
+
hideInputValue: false,
|
|
94
110
|
});
|
|
95
111
|
|
|
96
112
|
const primevueSizeMap = {
|
|
@@ -137,11 +153,23 @@ const inputHandler = (value) => {
|
|
|
137
153
|
emit('update:modelValue', handledValue);
|
|
138
154
|
};
|
|
139
155
|
|
|
156
|
+
const isValueHidden = ref(props.hideInputValue);
|
|
157
|
+
|
|
158
|
+
const isInputMasked = computed(() => model.value.length && isValueHidden.value);
|
|
159
|
+
const hasSuffixAddon = computed(() => props.hideInputValue || slots.suffix);
|
|
160
|
+
|
|
161
|
+
const eyeIconName = computed(() =>
|
|
162
|
+
isValueHidden.value ? 'eye--opened' : 'eye--closed',
|
|
163
|
+
);
|
|
164
|
+
|
|
140
165
|
defineExpose({
|
|
141
166
|
focus,
|
|
142
167
|
});
|
|
143
168
|
</script>
|
|
144
169
|
|
|
145
170
|
<style scoped>
|
|
146
|
-
|
|
171
|
+
.wt-input-text__input--masked {
|
|
172
|
+
font-family: 'text-security-disc', sans-serif;
|
|
173
|
+
-webkit-text-security: disc;
|
|
174
|
+
}
|
|
147
175
|
</style>
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
:placeholder="placeholder || label"
|
|
25
25
|
:toggle-mask="false"
|
|
26
26
|
:feedback="false"
|
|
27
|
-
:input-props="{ type: inputType
|
|
27
|
+
:input-props="{ type: inputType }"
|
|
28
28
|
input-class="wt-password__input typo-body-1"
|
|
29
29
|
v-bind="$attrs"
|
|
30
30
|
@keyup="handleKeyup"
|
|
@@ -74,7 +74,6 @@ interface WtPasswordProps extends /* @vue-ignore */ PasswordProps {
|
|
|
74
74
|
v?: Record<string, unknown>;
|
|
75
75
|
regleValidation?: RegleFieldStatus<string>;
|
|
76
76
|
customValidators?: unknown[];
|
|
77
|
-
autocomplete?: string;
|
|
78
77
|
}
|
|
79
78
|
|
|
80
79
|
const props = withDefaults(defineProps<WtPasswordProps>(), {
|
|
@@ -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
|
});
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
* `install(app, { eventBus })` (provided app-wide as '$eventBus').
|
|
4
4
|
*/
|
|
5
5
|
export interface EventBus {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
$emit: (event: string, payload?: unknown) => void;
|
|
7
|
+
$on: (event: string, handler: (payload?: unknown) => void) => void;
|
|
8
|
+
$off: (event: string, handler?: (payload?: unknown) => void) => void;
|
|
9
9
|
}
|
|
10
|
-
export declare const EVENT_BUS_INJECTION_KEY =
|
|
10
|
+
export declare const EVENT_BUS_INJECTION_KEY = '$eventBus';
|
|
11
11
|
export declare const useEventBus: () => EventBus | undefined;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export declare const BroadcastChannelName: {
|
|
2
|
-
|
|
2
|
+
readonly UserSettings: 'WtUserSettings';
|
|
3
3
|
};
|
|
4
|
-
export type BroadcastChannelName =
|
|
4
|
+
export type BroadcastChannelName =
|
|
5
|
+
(typeof BroadcastChannelName)[keyof typeof BroadcastChannelName];
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export interface WebphoneBroadcastPayload {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
webrtc: boolean;
|
|
3
|
+
stun: boolean;
|
|
4
|
+
autoGainControl: boolean;
|
|
5
|
+
echoCancellation: boolean;
|
|
6
|
+
noiseSuppression: boolean;
|
|
7
7
|
}
|
|
8
8
|
export interface WebphoneBroadcastMessage {
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
type: 'webphone';
|
|
10
|
+
payload: WebphoneBroadcastPayload;
|
|
11
11
|
}
|
|
12
12
|
export type UserSettingsBroadcastMessage = WebphoneBroadcastMessage;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export declare const ButtonColor: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
readonly PRIMARY: 'primary';
|
|
3
|
+
readonly SECONDARY: 'secondary';
|
|
4
|
+
readonly SUCCESS: 'success';
|
|
5
|
+
readonly WARN: 'warn';
|
|
6
|
+
readonly ERROR: 'error';
|
|
7
|
+
readonly TRANSFER: 'transfer';
|
|
8
|
+
readonly JOB: 'job';
|
|
9
|
+
readonly INFO: 'info';
|
|
10
10
|
};
|
|
11
11
|
export type ButtonColor = (typeof ButtonColor)[keyof typeof ButtonColor];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const ButtonVariant: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
readonly ACTIVE: 'active';
|
|
3
|
+
readonly OUTLINED: 'outlined';
|
|
4
|
+
readonly TEXT: 'text';
|
|
5
5
|
};
|
|
6
6
|
export type ButtonVariant = (typeof ButtonVariant)[keyof typeof ButtonVariant];
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
export declare const ChipColor: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
readonly MAIN: 'main';
|
|
3
|
+
readonly PRIMARY: 'primary';
|
|
4
|
+
readonly ON_PRIMARY: 'on-primary';
|
|
5
|
+
readonly SECONDARY: 'secondary';
|
|
6
|
+
readonly SUCCESS: 'success';
|
|
7
|
+
readonly WARNING: 'warning';
|
|
8
|
+
readonly ERROR: 'error';
|
|
9
|
+
readonly TRANSFER: 'transfer';
|
|
10
10
|
};
|
|
11
11
|
export type ChipColor = (typeof ChipColor)[keyof typeof ChipColor];
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
export declare const ComponentSize: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
2
|
+
readonly XXXS: '3xs';
|
|
3
|
+
readonly XXS: '2xs';
|
|
4
|
+
readonly XS: 'xs';
|
|
5
|
+
readonly SM: 'sm';
|
|
6
|
+
readonly MD: 'md';
|
|
7
|
+
readonly LG: 'lg';
|
|
8
|
+
readonly XL: 'xl';
|
|
9
|
+
readonly XXL: '2xl';
|
|
10
|
+
readonly XXXL: '3xl';
|
|
11
|
+
readonly '4XL': '4xl';
|
|
12
|
+
readonly '5XL': '5xl';
|
|
13
|
+
readonly '6XL': '6xl';
|
|
14
|
+
readonly '7XL': '7xl';
|
|
15
|
+
readonly '8XL': '8xl';
|
|
16
16
|
};
|
|
17
17
|
export type ComponentSize = (typeof ComponentSize)[keyof typeof ComponentSize];
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export declare const ConnectionQualityLevels: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
readonly High: 'high';
|
|
3
|
+
readonly Medium: 'medium';
|
|
4
|
+
readonly Low: 'low';
|
|
5
5
|
};
|
|
6
|
-
export type ConnectionQualityLevelsType =
|
|
6
|
+
export type ConnectionQualityLevelsType =
|
|
7
|
+
(typeof ConnectionQualityLevels)[keyof typeof ConnectionQualityLevels];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const CrudAction: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
readonly Read: 'read';
|
|
3
|
+
readonly Create: 'create';
|
|
4
|
+
readonly Update: 'update';
|
|
5
|
+
readonly Delete: 'delete';
|
|
6
6
|
};
|
|
7
7
|
export type CrudAction = (typeof CrudAction)[keyof typeof CrudAction];
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export declare const DefaultWorkspaceTabSettings: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
readonly GeneralInfo: 'general_info';
|
|
3
|
+
readonly ClientInfo: 'client_info';
|
|
4
|
+
readonly KnowledgeBase: 'knowledge_base';
|
|
5
|
+
readonly TaskProcessing: 'task_processing';
|
|
6
|
+
readonly Flows: 'flows';
|
|
7
|
+
readonly Screenshots: 'screenshots';
|
|
8
8
|
};
|
|
9
|
-
export type DefaultWorkspaceTabSettings =
|
|
9
|
+
export type DefaultWorkspaceTabSettings =
|
|
10
|
+
(typeof DefaultWorkspaceTabSettings)[keyof typeof DefaultWorkspaceTabSettings];
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export declare const FormatDateMode: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
readonly DATE: 'date';
|
|
3
|
+
readonly TIME: 'time';
|
|
4
|
+
readonly TIME_SEC: 'timeSec';
|
|
5
|
+
readonly DATETIME: 'datetime';
|
|
6
|
+
readonly DATETIME_SHORT: 'datetimeShort';
|
|
7
7
|
};
|
|
8
|
-
export type FormatDateMode =
|
|
8
|
+
export type FormatDateMode =
|
|
9
|
+
(typeof FormatDateMode)[keyof typeof FormatDateMode];
|