@webitel/ui-sdk 26.6.131 → 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.
@@ -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.131",
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);