@webitel/ui-sdk 26.6.130 → 26.6.132

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.
Files changed (36) hide show
  1. package/dist/{components-DsU9I3J0.js → components-f_W5o-xV.js} +16 -15
  2. package/dist/ui-sdk.css +1 -1
  3. package/dist/ui-sdk.js +1 -1
  4. package/dist/ui-sdk.umd.cjs +2 -2
  5. package/dist/{wt-chat-emoji-BiM1up7h.js → wt-chat-emoji-sYBaMsVA.js} +1 -1
  6. package/dist/{wt-display-chip-items-XwdRQSrJ.js → wt-display-chip-items-CHRSDGZ-.js} +1 -1
  7. package/dist/{wt-search-bar-DtJL-csc.js → wt-search-bar-u4NJBkCj.js} +9 -7
  8. package/dist/{wt-send-message-popup-C5S6BjHJ.js → wt-send-message-popup-BKL4VYzA.js} +1 -1
  9. package/dist/{wt-type-extension-value-input-FPCOaR15.js → wt-type-extension-value-input-CKJOaD9f.js} +1 -1
  10. package/dist/{wt-vidstack-player-D4c9YX5q.js → wt-vidstack-player-Brs10wZ8.js} +1 -1
  11. package/package.json +1 -1
  12. package/src/components/wt-input-text/wt-input-text.vue +10 -4
  13. package/src/components/wt-search-bar/wt-search-bar.vue +7 -0
  14. package/src/locale/en/en.js +1 -0
  15. package/src/locale/es/es.js +1 -0
  16. package/src/locale/kz/kz.js +1 -0
  17. package/src/locale/pl/pl.js +1 -0
  18. package/src/locale/ro/ro.js +1 -0
  19. package/src/locale/ru/ru.js +1 -0
  20. package/src/locale/uk/uk.js +1 -0
  21. package/src/locale/uz/uz.js +1 -0
  22. package/src/locale/vi/vi.js +1 -0
  23. package/types/.tsbuildinfo +1 -1
  24. package/types/components/wt-input-text/wt-input-text.vue.d.ts +4 -2
  25. package/types/components/wt-search-bar/wt-search-bar.vue.d.ts +4 -2
  26. package/types/locale/en/en.d.ts +1 -0
  27. package/types/locale/es/es.d.ts +1 -0
  28. package/types/locale/i18n.d.ts +9 -0
  29. package/types/locale/index.d.ts +9 -0
  30. package/types/locale/kz/kz.d.ts +1 -0
  31. package/types/locale/pl/pl.d.ts +1 -0
  32. package/types/locale/ro/ro.d.ts +1 -0
  33. package/types/locale/ru/ru.d.ts +1 -0
  34. package/types/locale/uk/uk.d.ts +1 -0
  35. package/types/locale/uz/uz.d.ts +1 -0
  36. package/types/locale/vi/vi.d.ts +1 -0
@@ -1,4 +1,4 @@
1
- import "./components-DsU9I3J0.js";
1
+ import "./components-f_W5o-xV.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-G2Q1uf_y.js";
@@ -1,4 +1,4 @@
1
- import { C as e, i as t } from "./components-DsU9I3J0.js";
1
+ import { C as e, i as t } from "./components-f_W5o-xV.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";
@@ -35,7 +35,8 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
35
35
  "search",
36
36
  "enter",
37
37
  "update:search-mode",
38
- "change:search-mode"
38
+ "change:search-mode",
39
+ "focus"
39
40
  ],
40
41
  setup(e, { emit: u }) {
41
42
  let S = e, C = u, { v: w, customValidators: T } = _(S), { invalid: E } = n({
@@ -54,8 +55,8 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
54
55
  C("update:search-mode", e), C("change:search-mode", e);
55
56
  }
56
57
  return (t, n) => {
57
- let r = m("wt-icon"), u = m("wt-icon-btn"), _ = m("wt-hint"), S = m("wt-radio"), C = m("wt-context-menu"), k = m("wt-input-text"), N = h("tooltip");
58
- return f(), i(k, {
58
+ let r = m("wt-icon"), u = m("wt-icon-btn"), _ = m("wt-hint"), S = m("wt-radio"), k = m("wt-context-menu"), N = m("wt-input-text"), P = h("tooltip");
59
+ return f(), i(N, {
59
60
  "model-value": e.value,
60
61
  placeholder: e.placeholder || t.$t("webitelUI.searchBar.placeholder"),
61
62
  invalid: v(E),
@@ -64,7 +65,8 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
64
65
  v: v(w),
65
66
  "custom-validators": v(T),
66
67
  "onUpdate:modelValue": A,
67
- onKeyup: j
68
+ onKeyup: j,
69
+ onFocus: n[1] ||= (e) => C("focus", e)
68
70
  }, s({
69
71
  prefix: y(() => [l(r, {
70
72
  color: D.value,
@@ -88,7 +90,7 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
88
90
  default: y(() => [c(g(e.hint), 1)], void 0, !0),
89
91
  _: 1
90
92
  }, 8, ["icon-color"])) : a("", !0),
91
- e.searchMode ? (f(), i(C, {
93
+ e.searchMode ? (f(), i(k, {
92
94
  key: 2,
93
95
  options: e.searchModeOptions,
94
96
  onClick: M
@@ -97,7 +99,7 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
97
99
  color: v(E) ? "error" : "default",
98
100
  icon: "filter",
99
101
  onClick: e
100
- }, null, 8, ["color", "onClick"]), [[N, t.$t("webitelUI.searchBar.settingsHint")]])]),
102
+ }, null, 8, ["color", "onClick"]), [[P, t.$t("webitelUI.searchBar.settingsHint")]])]),
101
103
  option: y(({ value: t, text: n }) => [l(S, {
102
104
  label: n,
103
105
  selected: (typeof e.searchMode == "string" ? e.searchMode : e.searchMode.value) === t,
@@ -118,6 +120,6 @@ var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PUR
118
120
  ]);
119
121
  };
120
122
  }
121
- }), [["__scopeId", "data-v-0b6f18a7"]]);
123
+ }), [["__scopeId", "data-v-8217b727"]]);
122
124
  //#endregion
123
125
  export { S as default };
@@ -1,5 +1,5 @@
1
1
  import { n as e, r as t } from "./clients-DqzkR0RW.js";
2
- import { n } from "./components-DsU9I3J0.js";
2
+ import { n } from "./components-f_W5o-xV.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
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./clients-DqzkR0RW.js";
2
- import { a as t, o as n, r, s as i } from "./components-DsU9I3J0.js";
2
+ import { a as t, o as n, r, s as i } from "./components-f_W5o-xV.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-DsU9I3J0.js";
1
+ import { w as e } from "./components-f_W5o-xV.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-G2Q1uf_y.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "26.6.130",
3
+ "version": "26.6.132",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "npm run docs:dev",
@@ -37,6 +37,7 @@
37
37
  v-on="$listeners"
38
38
  @update:model-value="inputHandler"
39
39
  @keyup="handleKeyup"
40
+ @focus="emit('focus', $event)"
40
41
  />
41
42
  <p-input-group-addon
42
43
  v-if="hideInputValue || $slots.suffix"
@@ -122,9 +123,14 @@ const inputText = useTemplateRef('inputText');
122
123
 
123
124
  const inputId = `input-text-${Math.random().toString(36).slice(2, 11)}`;
124
125
 
125
- const emit = defineEmits([
126
- 'update:modelValue',
127
- ]);
126
+ const emit = defineEmits<{
127
+ /**
128
+ * @param event - native focus event from the underlying input
129
+ */
130
+ focus: [
131
+ FocusEvent,
132
+ ];
133
+ }>();
128
134
 
129
135
  const slots = useSlots();
130
136
 
@@ -150,7 +156,7 @@ const requiredLabel = computed(() => {
150
156
 
151
157
  const inputHandler = (value) => {
152
158
  const handledValue = props.preventTrim ? value : value.trim();
153
- emit('update:modelValue', handledValue);
159
+ model.value = handledValue;
154
160
  };
155
161
 
156
162
  const isValueHidden = ref(props.hideInputValue);
@@ -9,6 +9,7 @@
9
9
  :custom-validators="customValidators"
10
10
  @update:model-value="handleInput"
11
11
  @keyup="handleKeyup"
12
+ @focus="emit('focus', $event)"
12
13
  >
13
14
  <template #prefix>
14
15
  <wt-icon
@@ -151,6 +152,12 @@ const emit = defineEmits<{
151
152
  'change:search-mode': [
152
153
  string | object,
153
154
  ];
155
+ /**
156
+ * @param event - native focus event from the underlying input
157
+ */
158
+ focus: [
159
+ FocusEvent,
160
+ ];
154
161
  }>();
155
162
 
156
163
  const { v, customValidators } = toRefs(props);
@@ -664,6 +664,7 @@ export default deepmerge(
664
664
  [RelativeDatetimeValue.ThisMonth]: 'This month',
665
665
  [RelativeDatetimeValue.Custom]: 'Custom date range',
666
666
  },
667
+ andMore: 'and {count} more',
667
668
  addFilter: ({ linked }) => {
668
669
  return `${linked('reusable.add')} a ${linked(
669
670
  'reusable.filter',
@@ -652,6 +652,7 @@ export default {
652
652
  [RelativeDatetimeValue.ThisMonth]: 'Este mes',
653
653
  [RelativeDatetimeValue.Custom]: 'Rango de fechas personalizado',
654
654
  },
655
+ andMore: 'y {count} más',
655
656
  addFilter: ({ linked }) => {
656
657
  return `${linked('reusable.add')} un ${linked(
657
658
  'reusable.filter',
@@ -653,6 +653,7 @@ export default {
653
653
  [RelativeDatetimeValue.ThisMonth]: 'Осы ай',
654
654
  [RelativeDatetimeValue.Custom]: 'Жеке күн аралығы',
655
655
  },
656
+ andMore: 'және тағы {count}',
656
657
  addFilter: ({ linked }) => {
657
658
  return `${linked('reusable.add')} ${linked(
658
659
  'reusable.filter',
@@ -653,6 +653,7 @@ export default {
653
653
  [RelativeDatetimeValue.ThisMonth]: 'Ten miesiąc',
654
654
  [RelativeDatetimeValue.Custom]: 'Niestandardowy zakres dat',
655
655
  },
656
+ andMore: 'i jeszcze {count}',
656
657
  addFilter: ({ linked }) => {
657
658
  return `${linked('reusable.add')} ${linked(
658
659
  'reusable.filter',
@@ -658,6 +658,7 @@ export default {
658
658
  [RelativeDatetimeValue.ThisMonth]: 'Această lună',
659
659
  [RelativeDatetimeValue.Custom]: 'Interval personalizat',
660
660
  },
661
+ andMore: 'și încă {count}',
661
662
  addFilter: ({ linked }) => {
662
663
  return `${linked('reusable.add')} un ${linked(
663
664
  'reusable.filter',
@@ -648,6 +648,7 @@ export default {
648
648
  [RelativeDatetimeValue.ThisMonth]: 'Этот месяц',
649
649
  [RelativeDatetimeValue.Custom]: 'Выбранный диапазон дат',
650
650
  },
651
+ andMore: 'и ещё {count}',
651
652
  addFilter: ({ linked }) => {
652
653
  return `${linked('reusable.add')} ${linked(
653
654
  'reusable.filter',
@@ -647,6 +647,7 @@ export default {
647
647
  [RelativeDatetimeValue.ThisMonth]: 'Цей місяць',
648
648
  [RelativeDatetimeValue.Custom]: 'Власний діапазон дат',
649
649
  },
650
+ andMore: 'та ще {count}',
650
651
  addFilter: ({ linked }) => {
651
652
  return `${linked('reusable.add')} ${linked(
652
653
  'reusable.filter',
@@ -657,6 +657,7 @@ export default {
657
657
  [RelativeDatetimeValue.ThisMonth]: 'Ushbu oy',
658
658
  [RelativeDatetimeValue.Custom]: "Boshqa sana oralig'i",
659
659
  },
660
+ andMore: 'va yana {count}',
660
661
  addFilter: ({ linked }) => {
661
662
  return `${linked('reusable.add')} ${linked(
662
663
  'reusable.filter',
@@ -656,6 +656,7 @@ export default {
656
656
  [RelativeDatetimeValue.ThisMonth]: 'Tháng này',
657
657
  [RelativeDatetimeValue.Custom]: 'Phạm vi ngày tùy chỉnh',
658
658
  },
659
+ andMore: 'và {count} nữa',
659
660
  addFilter: ({ linked }) => {
660
661
  return `${linked('reusable.add')} một ${linked(
661
662
  'reusable.filter',