@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.
@@ -1,4 +1,4 @@
1
- import "./components-89d9wbnp.js";
1
+ import "./components-B15PvOcM.js";
2
2
  import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { l as t } from "./enums-De8CDKZ1.js";
4
4
  import { t as n } from "./wt-button-dC4nOW56.js";
@@ -1,4 +1,4 @@
1
- import { C as e, i as t } from "./components-89d9wbnp.js";
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-89d9wbnp.js";
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: 0,
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.noMaxHours || D.dateMode ? null : 23), V = a(() => D.noLabel || D.label ? null : k("webitelUI.timepicker.hour")), H = a(() => D.noLabel || D.label ? null : k("webitelUI.timepicker.min")), U = a(() => D.noLabel || D.label ? null : k("webitelUI.timepicker.sec")), W = a({
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 - W.value * T + e * T;
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
- }), G = a({
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 - G.value * E + e * E;
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
- }), K = a({
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 - K.value + +e;
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
- }), q = a(() => D.required ? `${D.label} (${D.format})*` : `${D.label} (${D.format})`), J = () => {
69
- let e = D.dateMode ? (/* @__PURE__ */ new Date(+D.modelValue)).setHours(W.value) : +D.modelValue - W.value * T + W.value * T;
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(q.value), 1)], !0)], void 0, !0),
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": W.value,
85
- "onUpdate:modelValue": i[0] ||= (e) => W.value = e,
80
+ "model-value": U.value,
81
+ "onUpdate:modelValue": i[0] ||= (e) => U.value = e,
86
82
  disabled: e.disabled,
87
- label: V.value,
88
- "max-value": B.value,
83
+ label: B.value,
89
84
  v: S(A),
90
85
  "hide-input-info": "",
91
- onBlur: J
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": G.value,
102
- "onUpdate:modelValue": i[1] ||= (e) => G.value = e,
95
+ "model-value": W.value,
96
+ "onUpdate:modelValue": i[1] ||= (e) => W.value = e,
103
97
  disabled: e.disabled,
104
- label: H.value,
105
- "max-value": 59,
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": K.value,
117
- "onUpdate:modelValue": i[2] ||= (e) => K.value = e,
111
+ "model-value": G.value,
112
+ "onUpdate:modelValue": i[2] ||= (e) => G.value = e,
118
113
  disabled: e.disabled,
119
- label: U.value,
120
- "max-value": 59,
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-3b807528"]]);
142
+ }), [["__scopeId", "data-v-323eaef0"]]);
147
143
  //#endregion
148
144
  export { D as default };
@@ -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-89d9wbnp.js";
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";
@@ -1,4 +1,4 @@
1
- import { w as e } from "./components-89d9wbnp.js";
1
+ import { w as e } from "./components-B15PvOcM.js";
2
2
  import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
3
3
  import { l as n } from "./enums-De8CDKZ1.js";
4
4
  import "./wt-button-dC4nOW56.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "26.6.100",
3
+ "version": "26.6.101",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "npm run docs:dev",
@@ -5,7 +5,7 @@
5
5
  :label-props="labelProps"
6
6
  :name="name"
7
7
  :max="maxValue"
8
- :min="0"
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
- :max-value="59"
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
- :max-value="59"
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
- : +props.modelValue - hour.value * SEC_IN_HOUR + value * SEC_IN_HOUR;
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
- : +props.modelValue - min.value * SEC_IN_MIN + value * SEC_IN_MIN;
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;