@webitel/ui-sdk 26.6.131 → 26.6.133

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-DsU9I3J0.js";
1
+ import "./components-CMXV8tlL.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-CMXV8tlL.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-CMXV8tlL.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-CMXV8tlL.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-CMXV8tlL.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.131",
3
+ "version": "26.6.133",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "npm run docs:dev",
@@ -34,9 +34,9 @@
34
34
  :inputmode="type"
35
35
  :size="primevueSizeMap[size]"
36
36
  v-bind="$attrs"
37
- v-on="$listeners"
38
37
  @update:model-value="inputHandler"
39
38
  @keyup="handleKeyup"
39
+ @focus="emit('focus', $event)"
40
40
  />
41
41
  <p-input-group-addon
42
42
  v-if="hideInputValue || $slots.suffix"
@@ -122,9 +122,14 @@ const inputText = useTemplateRef('inputText');
122
122
 
123
123
  const inputId = `input-text-${Math.random().toString(36).slice(2, 11)}`;
124
124
 
125
- const emit = defineEmits([
126
- 'update:modelValue',
127
- ]);
125
+ const emit = defineEmits<{
126
+ /**
127
+ * @param event - native focus event from the underlying input
128
+ */
129
+ focus: [
130
+ FocusEvent,
131
+ ];
132
+ }>();
128
133
 
129
134
  const slots = useSlots();
130
135
 
@@ -150,7 +155,7 @@ const requiredLabel = computed(() => {
150
155
 
151
156
  const inputHandler = (value) => {
152
157
  const handledValue = props.preventTrim ? value : value.trim();
153
- emit('update:modelValue', handledValue);
158
+ model.value = handledValue;
154
159
  };
155
160
 
156
161
  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);